如何更改 Flexdashboard valueBox() 的字體顏色

Question

我正在創建我的第一個 Flexdashboard 文檔，並且需要在儀表板中有一些值框。 這些框很好，但默認字體顏色是白色。 有誰知道如何/是否可以更改值框中的默認字體顏色？

Answer 1

您可以將 css 文件添加到包含您的 .Rmd 文件的文件夾中。 將以下幾行添加到文件中：

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

我把它保存為 styles.css

然后在這里添加：

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

顯然，您可以將黑色更改為您選擇的顏色。

或者參見https://rstudio.github.io/flexdashboard/articles/theme.html

Answer 2

也可以將 css 代碼直接包含到 Rmd 文件中，如下所示：

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

<style type="text/css">
.value-box .value {
    color: black;
}
.value-box .caption {
    color: black;
}
</style>

第二個 css 塊確保值框的標題也獲得所需的顏色，而不僅僅是值。