shinydashboardの色を変更します

Question

私はshinydashboardのプライマリステータスの色を私が述べたカスタムブルーに変更しました。

tags$style(HTML(".box.box-solid.box-primary>.box-header { 
           color:#FFFFFF; 
           background-color:#005CB9;} 

           .box.box-solid.box-primary{ 
           border-bottom-color:#005CB9; 
           border-left-color:#005CB9; 
           border-right-color:#005CB9; 
           border-top-color:#005CB9; 
           }")), 

ただし、インフォボックスの色を変更する必要があります。これは、status =の代わりにcolor =を使用するためです。誰もが私はshinydashboardのデフォルトの色の1つをカスタマイズするために変更する必要があるタグを知っていますか？

tags$style(
    type = 'text/css', 
    '.bg-aqua {background-color: #005CB9!important; }' 
), 

キー、カラー後"!important"次のとおりです。私は青いカスタムとcolor = "aqua"は、すべてのインスタンスを上書きするdashboardBody()タグの先頭に次style()ステートメントを使用

おかげ

Answer 1

shinydashboardプリセットをオーバーライドします。

将来的には、CSSクラスを簡単に識別する方法は、shinyappを実行する際にRstudioで「run external」を選択してから、ブラウザの開発ツールまたは「要素の検査」ツールを使用することです。ここで

は、コンテキストの完全な例です：

require(shiny) 
require(shinydashboard) 

ui <- shinyUI(dashboardPage(
    dashboardHeader(title = 'Change infoBox color'), 
    dashboardSidebar(disable = TRUE), 

    dashboardBody(
    tags$style(
     type = 'text/css', 
     '.bg-aqua {background-color: #005CB9!important; }' 
    ), 

    infoBox(
     title = 'Custom Color', 
     value = 100, 
     color = 'aqua' 
    ) 
) 
)) 

server <- shinyServer(function(input, output) { 

}) 

shinyApp(ui, server)