titulo - ¿Cómo cambiar de color en el salpicadero brillante?

cambiar color titulo wordpress

Question

(publicación cruzada de grupos de google brillantes)

¿Podría alguien indicarme los nombres de las etiquetas que tengo para modificar el color de un panel brillante?

Modificado de http://rstudio.github.io/shinydashboard/appearance.html#long-titles esto cambiará la esquina superior izquierda de mi tablero a naranja

tags$head(tags$style(HTML(''
        .skin-blue .main-header .logo {
                              background-color: #f4b943;
                              }
                              .skin-blue .main-header .logo:hover {
                              background-color: #f4b943;
                              }
                              '')))

No me queda claro cómo cambiar el resto del encabezado y la barra lateral a naranja, y cómo puedo cambiar el color cuando se selecciona / resalta un elemento en el "SideBarMenu".

Answer 1

Gracias por publicar Creo que deberías agregar el "botón de alternar cuando estés" para que se complete. El código de muestra está debajo:

/* toggle button when hovered  */                    
.skin-blue .main-header .navbar .sidebar-toggle:hover{
  background-color: #ff69b4;
}

Answer 2

Según el ejemplo en el que hayas publicado un enlace, puedes probar:

ui.R

dashboardPage(
                dashboardHeader(
                        title = "Example of a long title that needs more space",
                        titleWidth = 450
                ),
                dashboardSidebar( sidebarMenu(
                        menuItem("Dashboard", tabName = "dashboard", icon = icon("dashboard")),
                        menuItem("Widgets", icon = icon("th"), tabName = "widgets",
                                 badgeLabel = "new", badgeColor = "green")
                )),
                dashboardBody(
                        # Also add some custom CSS to make the title background area the same
                        # color as the rest of the header.
                        tags$head(tags$style(HTML(''
        /* logo */
        .skin-blue .main-header .logo {
                              background-color: #f4b943;
                              }

        /* logo when hovered */
        .skin-blue .main-header .logo:hover {
                              background-color: #f4b943;
                              }

        /* navbar (rest of the header) */
        .skin-blue .main-header .navbar {
                              background-color: #f4b943;
                              }        

        /* main sidebar */
        .skin-blue .main-sidebar {
                              background-color: #f4b943;
                              }

        /* active selected tab in the sidebarmenu */
        .skin-blue .main-sidebar .sidebar .sidebar-menu .active a{
                              background-color: #ff0000;
                              }

        /* other links in the sidebarmenu */
        .skin-blue .main-sidebar .sidebar .sidebar-menu a{
                              background-color: #00ff00;
                              color: #000000;
                              }

        /* other links in the sidebarmenu when hovered */
         .skin-blue .main-sidebar .sidebar .sidebar-menu a:hover{
                              background-color: #ff69b4;
                              }
        /* toggle button when hovered  */                    
         .skin-blue .main-header .navbar .sidebar-toggle:hover{
                              background-color: #ff69b4;
                              }
                              '')))
                )


)

Comenté el CSS para señalar lo que modifica.