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

)


[Package dashboardthemes version 1.1.6 Index]