更改 Docusaurus v2 中的默认文本颜色

Question

在 Docusaurus v2 中，我可以将每个 class 的默认文本颜色覆盖为：

.features {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  width: 100%;
  color: red;
}

我不喜欢这种方法，因为它更难为 dark 和 light 主题定义单独的颜色。

默认情况下，文本颜色在 light 主题中设置为 black，在 dark 主题中设置为 white。但是，我似乎无法找到这些定义的位置。

• 我有兴趣修改这些默认值，它们在哪里定义的？
• 这是设置默认文本颜色样式的推荐方式吗？

Answer 1

使用浏览器检查 HTML 并查看哪些 CSS 变量影响文本颜色。

通过将以下 CSS 添加到 custom.css 来修改 var(--ifm-font-color-base) 颜色。

:root {
  --ifm-font-color-base: #000;
}