Изменить цвет текста по умолчанию в Docusaurus v2

Question

В Docusaurus v2 я могу изменить цвет текста по умолчанию для каждого класса как:

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

Мне не нравится этот подход, потому что он затрудняет определение отдельных цветов для тема dark и light.

По умолчанию цвет текста установлен на black в теме light и white в теме dark. Однако я не могу найти, где они определены.

• Мне интересно изменить эти значения по умолчанию, где они определены?
• Это рекомендуемый способ стилизации цвета текста по умолчанию?

Answer 1

Используйте браузер, чтобы проверить HTML и посмотреть, какие переменные CSS влияют на цвет текста.

Измените цвет var(--ifm-font-color-base), добавив следующие CSS к custom.css.

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