How do I change the background color on a shiny dashboard in R

Question

I love the new shiny dashboard package in R. I am trying to customize the appearance and its proving difficult. I want to change the background color of the app to white.

Here is what I have done.

I have added a custom.css file to a www directory. It has this code.

body > .content-wrapper .right-side {
    background-color: #ffffff;
}

I have successfully changed the title font with the example here so I know that my css file is working.

I have also used inspect element to find the color in the css and changed it successfully from the developer console.

However the background color will not change when I set the color in my css file.

score 16 · Answer 1 · answered Apr 11 '15 at 22:09

16

Adding this to the custom.css file worked...

I found this in the css file for the adminLTE in the shiny dashboard repo.

.content-wrapper,
.right-side {
  background-color: #ffffff;
}

answered Apr 11 '15 at 22:09

williamsurles

931
1
7
9

score 2 · Answer 2 · edited Jun 15 '17 at 14:09

2

If you only want to change the background, in the ui.R after

shinyUI(fluidPage(

you can add this code:

tags$head(tags$style(
    HTML('
        body, label, input, button, select { 
            font-family: "Calibri";
            background-color: black;
        }')
    )),

edited Jun 15 '17 at 14:09

Paul Karam

4,052
8
30
53

answered Jun 15 '17 at 13:19

M455y

192
1
3
11

How do I change the background color on a shiny dashboard in R

2 Answers2