| shinyDashboardThemeDIY {dashboardthemes} | R Documentation |
shinyDashboardThemeDIY
Description
Creates a custom theme object for a shinydashboard application
Usage
shinyDashboardThemeDIY(
appFontFamily,
appFontColor,
logoBackColor,
bodyBackColor,
headerButtonBackColor,
headerButtonIconColor,
headerButtonBackColorHover,
headerButtonIconColorHover,
headerBackColor,
headerBoxShadowColor,
headerBoxShadowSize,
sidebarBackColor,
sidebarPadding,
sidebarShadowRadius,
sidebarShadowColor,
sidebarMenuBackColor,
sidebarMenuPadding,
sidebarMenuBorderRadius,
sidebarUserTextColor,
sidebarSearchBackColor,
sidebarSearchIconColor,
sidebarSearchBorderColor,
sidebarTabTextColor,
sidebarTabTextSize,
sidebarTabBorderStyle,
sidebarTabBorderColor,
sidebarTabBorderWidth,
sidebarTabBackColorSelected,
sidebarTabTextColorSelected,
sidebarTabRadiusSelected,
sidebarTabTextColorHover,
sidebarTabBackColorHover,
sidebarTabBorderStyleHover,
sidebarTabBorderColorHover,
sidebarTabBorderWidthHover,
sidebarTabRadiusHover,
boxBackColor,
boxBorderRadius,
boxShadowSize,
boxShadowColor,
boxTitleSize,
boxDefaultColor,
boxPrimaryColor,
boxSuccessColor,
boxWarningColor,
boxDangerColor,
tabBoxTabColor,
tabBoxTabTextSize,
tabBoxTabTextColor,
tabBoxTabTextColorSelected,
tabBoxBackColor,
tabBoxHighlightColor,
tabBoxBorderRadius,
buttonBackColor,
buttonTextColor,
buttonBorderColor,
buttonBorderRadius,
buttonBackColorHover,
buttonTextColorHover,
buttonBorderColorHover,
buttonHeight = "auto",
buttonPadding = "6px 12px",
textboxBackColor,
textboxBorderColor,
textboxBorderRadius,
textboxBackColorSelect,
textboxBorderColorSelect,
textboxHeight = "auto",
textboxPadding = "6px 12px",
tableBackColor,
tableBorderColor,
tableBorderTopSize,
tableBorderRowSize,
primaryFontColor = "auto",
successFontColor = "auto",
warningFontColor = "auto",
dangerFontColor = "auto",
infoFontColor = "auto",
boxInfoColor = "auto"
)
Arguments
appFontFamily |
String. Application font. |
appFontColor |
String. Application font colour. |
logoBackColor |
String. Logo background colour. |
bodyBackColor |
String. Main page background colour. |
headerButtonBackColor |
String. Sidebar toggle button background colour. |
headerButtonIconColor |
String. Sidebar toggle button icon colour. |
headerButtonBackColorHover |
String. Sidebar toggle button background colour: hovered. |
headerButtonIconColorHover |
String. Sidebar toggle button icon colour: hovered. |
headerBackColor |
String. Top header background colour. |
headerBoxShadowColor |
String. Top header shadow colour. |
headerBoxShadowSize |
String. Top header shadow size. |
sidebarBackColor |
String. Sidebar background colour. |
sidebarPadding |
Numeric. Sidebar inner padding. |
sidebarShadowRadius |
String. Sidebar shadow radius. |
sidebarShadowColor |
String. Sidebar shadow colour. |
sidebarMenuBackColor |
String. Sidebar menu background colour. |
sidebarMenuPadding |
Numeric. Sidebar menu inner padding. |
sidebarMenuBorderRadius |
Numeric. Sidebar menu shape radius. |
sidebarUserTextColor |
String. Sidebar userbox text colour. |
sidebarSearchBackColor |
String. Sidebar searchbox background colour. |
sidebarSearchIconColor |
String. Sidebar searchbox icon colour. |
sidebarSearchBorderColor |
String. Sidebar searchbox border line colour. |
sidebarTabTextColor |
String. Sidebar tab font colour. |
sidebarTabTextSize |
Numeric. Sidebar tab font size. |
sidebarTabBorderStyle |
String. Sidebar tab border line style. |
sidebarTabBorderColor |
String. Sidebar tab border line colour. |
sidebarTabBorderWidth |
Numeric. Sidebar tab border line width. |
sidebarTabBackColorSelected |
String. Sidebar tab background colour: selected. |
sidebarTabTextColorSelected |
String. Sidebar tab font colour: selected. |
sidebarTabRadiusSelected |
String. Sidebar tab shape radius: selected. |
sidebarTabTextColorHover |
String. Sidebar tab font colour: hovered. |
sidebarTabBackColorHover |
String. Sidebar tab background colour: hovered. |
sidebarTabBorderStyleHover |
String. Sidebar tab border line style: hovered. |
sidebarTabBorderColorHover |
String. Sidebar tab border line colour: hovered. |
sidebarTabBorderWidthHover |
Numeric. Sidebar tab border line width: hovered. |
sidebarTabRadiusHover |
String. Sidebar tab shape radius: hovered. |
boxBackColor |
String. Box background colour. |
boxBorderRadius |
Numeric. Box shape radius. |
boxShadowSize |
String. Box shadow size. |
boxShadowColor |
String. Box shadow colour. |
boxTitleSize |
Numeric. Box title font size. |
boxDefaultColor |
String. Box default highlight colour. |
boxPrimaryColor |
String. Box primary highlight colour. |
boxSuccessColor |
String. Box success highlight colour. |
boxWarningColor |
String. Box warning highlight colour. |
boxDangerColor |
String. Box danger highlight colour. |
tabBoxTabColor |
String. Tab box tab background colour. |
tabBoxTabTextSize |
Numeric. Tab box tab font size. |
tabBoxTabTextColor |
String. Tab box tab font colour. |
tabBoxTabTextColorSelected |
String. Tab box tab font colour: selected. |
tabBoxBackColor |
String. Tab box body background colour. |
tabBoxHighlightColor |
String. Tab box highlight colour. |
tabBoxBorderRadius |
Numeric. Tab box shape radius. |
buttonBackColor |
String. Button background colour. |
buttonTextColor |
String. Button font colour. |
buttonBorderColor |
String. Button border line colour. |
buttonBorderRadius |
Numeric. Button shape radius. |
buttonBackColorHover |
String. Button background colour: hovered. |
buttonTextColorHover |
String. Button font colour: hovered. |
buttonBorderColorHover |
String. Button border line colour: hovered. |
buttonHeight |
Numeric. Button shape height. |
buttonPadding |
String. Button label padding. Defaults to "6px 12px". |
textboxBackColor |
String. Textbox background colour. |
textboxBorderColor |
String. Textbox border line colour. |
textboxBorderRadius |
Numeric. Textbox shape radius. |
textboxBackColorSelect |
String. Textbox background colour: selected. |
textboxBorderColorSelect |
String. Textbox border line colour: selected. |
textboxHeight |
Numeric. Textbox shape height. |
textboxPadding |
String. Textbox text padding. Defaults to "6px 12px". |
tableBackColor |
String. Table background colour. |
tableBorderColor |
String. Table border line colour. |
tableBorderTopSize |
Numeric. Table header line size. |
tableBorderRowSize |
Numeric. Table row separator line size. |
primaryFontColor |
String. Primary status highlight font colour. |
successFontColor |
String. Success status highlight font colour. |
warningFontColor |
String. Warning status highlight font colour. |
dangerFontColor |
String. Danger status highlight font colour. |
infoFontColor |
String. Info status highlight font colour. |
boxInfoColor |
String. Box info highlight colour. |
Value
CSS code. Theme for a shinydashboard application.
See Also
shinyDashboardThemes, shinyDashboardLogoDIY, cssGradientThreeColors
Examples
customTheme <- shinyDashboardThemeDIY(
### general
appFontFamily = "Arial"
,appFontColor = "rgb(0,0,0)"
,primaryFontColor = "rgb(0,0,0)"
,infoFontColor = "rgb(0,0,0)"
,successFontColor = "rgb(0,0,0)"
,warningFontColor = "rgb(0,0,0)"
,dangerFontColor = "rgb(0,0,0)"
,bodyBackColor = "rgb(248,248,248)"
### header
,logoBackColor = "rgb(23,103,124)"
,headerButtonBackColor = "rgb(238,238,238)"
,headerButtonIconColor = "rgb(75,75,75)"
,headerButtonBackColorHover = "rgb(210,210,210)"
,headerButtonIconColorHover = "rgb(0,0,0)"
,headerBackColor = "rgb(238,238,238)"
,headerBoxShadowColor = "#aaaaaa"
,headerBoxShadowSize = "2px 2px 2px"
### sidebar
,sidebarBackColor = cssGradientThreeColors(
direction = "down"
,colorStart = "rgb(20,97,117)"
,colorMiddle = "rgb(56,161,187)"
,colorEnd = "rgb(3,22,56)"
,colorStartPos = 0
,colorMiddlePos = 50
,colorEndPos = 100
)
,sidebarPadding = 0
,sidebarMenuBackColor = "transparent"
,sidebarMenuPadding = 0
,sidebarMenuBorderRadius = 0
,sidebarShadowRadius = "3px 5px 5px"
,sidebarShadowColor = "#aaaaaa"
,sidebarUserTextColor = "rgb(255,255,255)"
,sidebarSearchBackColor = "rgb(55,72,80)"
,sidebarSearchIconColor = "rgb(153,153,153)"
,sidebarSearchBorderColor = "rgb(55,72,80)"
,sidebarTabTextColor = "rgb(255,255,255)"
,sidebarTabTextSize = 13
,sidebarTabBorderStyle = "none none solid none"
,sidebarTabBorderColor = "rgb(35,106,135)"
,sidebarTabBorderWidth = 1
,sidebarTabBackColorSelected = cssGradientThreeColors(
direction = "right"
,colorStart = "rgba(44,222,235,1)"
,colorMiddle = "rgba(44,222,235,1)"
,colorEnd = "rgba(0,255,213,1)"
,colorStartPos = 0
,colorMiddlePos = 30
,colorEndPos = 100
)
,sidebarTabTextColorSelected = "rgb(0,0,0)"
,sidebarTabRadiusSelected = "0px 20px 20px 0px"
,sidebarTabBackColorHover = cssGradientThreeColors(
direction = "right"
,colorStart = "rgba(44,222,235,1)"
,colorMiddle = "rgba(44,222,235,1)"
,colorEnd = "rgba(0,255,213,1)"
,colorStartPos = 0
,colorMiddlePos = 30
,colorEndPos = 100
)
,sidebarTabTextColorHover = "rgb(50,50,50)"
,sidebarTabBorderStyleHover = "none none solid none"
,sidebarTabBorderColorHover = "rgb(75,126,151)"
,sidebarTabBorderWidthHover = 1
,sidebarTabRadiusHover = "0px 20px 20px 0px"
### boxes
,boxBackColor = "rgb(255,255,255)"
,boxBorderRadius = 5
,boxShadowSize = "0px 1px 1px"
,boxShadowColor = "rgba(0,0,0,.1)"
,boxTitleSize = 16
,boxDefaultColor = "rgb(210,214,220)"
,boxPrimaryColor = "rgba(44,222,235,1)"
,boxInfoColor = "rgb(210,214,220)"
,boxSuccessColor = "rgba(0,255,213,1)"
,boxWarningColor = "rgb(244,156,104)"
,boxDangerColor = "rgb(255,88,55)"
,tabBoxTabColor = "rgb(255,255,255)"
,tabBoxTabTextSize = 14
,tabBoxTabTextColor = "rgb(0,0,0)"
,tabBoxTabTextColorSelected = "rgb(0,0,0)"
,tabBoxBackColor = "rgb(255,255,255)"
,tabBoxHighlightColor = "rgba(44,222,235,1)"
,tabBoxBorderRadius = 5
### inputs
,buttonBackColor = "rgb(245,245,245)"
,buttonTextColor = "rgb(0,0,0)"
,buttonBorderColor = "rgb(200,200,200)"
,buttonBorderRadius = 5
,buttonBackColorHover = "rgb(235,235,235)"
,buttonTextColorHover = "rgb(100,100,100)"
,buttonBorderColorHover = "rgb(200,200,200)"
,textboxBackColor = "rgb(255,255,255)"
,textboxBorderColor = "rgb(200,200,200)"
,textboxBorderRadius = 5
,textboxBackColorSelect = "rgb(245,245,245)"
,textboxBorderColorSelect = "rgb(200,200,200)"
### tables
,tableBackColor = "rgb(255,255,255)"
,tableBorderColor = "rgb(240,240,240)"
,tableBorderTopSize = 1
,tableBorderRowSize = 1
)