html - 在 Docusaurus v2 中更改默认文本颜色

Question

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

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

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

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

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

标签： htmlcssdocusaurus

Answer 1

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

var(--ifm-font-color-base)通过将以下 CSS 添加到custom.css.

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