在 R Shiny 中更改材料开关的颜色

Question

我正在构建 Rshiny 应用程序，我想自定义我的 materialSwitch 图标，问题是我无法更改颜色，我只能 select 这些主题之一（默认， primary, info, success, warning, danger.)，我想用这个颜色“#c110a0”代替 primary

ui <- fluidPage(
  
 materialSwitch(inputId = "group1_", label = "Section 1",value = TRUE, status = "primary", right = TRUE )
)

server <- function(input, output, session) {
  
}

shinyApp(ui, server)

谢谢！！

Answer 1

您可以创建自定义 class 以将默认颜色更改为您想要的任何颜色。以下是这样做的说明（这些将允许您更改应用程序中的其他内容！）：

当您运行您的应用程序时，右键单击您想要的应用程序部分并检查元素以打开 RStudio Devtools
在右侧的“样式”面板上，您会找到应用到它的 CSS 样式列表。其中之一将显示该对象的颜色和标识符。
然后，您可以以多种不同的形式将自定义 CSS 应用到闪亮的应用程序（在此 article 中进行了解释）。

在您的例子中，标识符是 .label-primary。

添加自定义 CSS 使用

.label-primary{
background-color: #c110a0;
}

呈现以下内容：

在 R Shiny 中更改材料开关的颜色

Change color in materialSwitch in Rshiny

customization

r

colors

shiny