如何在闪亮的仪表盘中更改颜色? [英] How to change color in shiny dashboard?
本文介绍了如何在闪亮的仪表盘中更改颜色?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
(来自闪亮的Google群的交叉帖子)
有人能告诉我必须修改闪亮仪表板的颜色的标记名吗?
修改自http://rstudio.github.io/shinydashboard/appearance.html#long-titles 这会将仪表板的左上角更改为橙色
tags$head(tags$style(HTML('
.skin-blue .main-header .logo {
background-color: #f4b943;
}
.skin-blue .main-header .logo:hover {
background-color: #f4b943;
}
')))
我不清楚如何将页眉和侧边栏的睡觉更改为橙色,以及在选中/突出显示"侧栏菜单"上的项目时如何更改颜色。
推荐答案
根据您发布的链接示例,您可以尝试:
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;
}
')))
)
)
我注释CSS是为了指出它修改了什么。
这篇关于如何在闪亮的仪表盘中更改颜色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文