Search code examples
rshinyflexdashboard

How do I change font color for Flexdashboard valueBox()

I'm creating my first Flexdashboard document, and need to have some value boxes in the dashboard. The boxes turn out fine, but the default font color is white. Does anyone know how/if it is possible to change the default font color within the value boxes?

Solution

  • You can add a css file to the folder that contains your .Rmd file. Add the following few lines to the file:

    .value-box .value {
    color: black;
}

    I saved it as styles.css

    Then add it in here:

    ---
title: "Untitled"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
    css: styles.css
---

    Obviously you can change black to the colour of your choice.

    Alternatively see https://rstudio.github.io/flexdashboard/articles/theme.html