CSS自定义属性在React生产构建中不起作用

发布于 2025-02-02 02:10:49 字数 555 浏览 2 评论 0原文

我有几个自定义的CSS属性在根上定义了，并且它们在开发构建方面工作正常，但是它们在生产构建中没有加载。自定义属性是在index.css中定义的。

:root {
  --light-theme-background-color: #fafafa;
  --light-theme-text-color: #333;
  --light-theme-active-color: #cbcbcb;
  --dark-theme-background-color: #1d2327;
  --dark-theme-text-color: #227093;
  --dark-theme-active-color: #343434;
}

在开发工具中，自定义属性是灰色的，当我徘徊时，我会收到未定义它们的消息。

原文

I have several custom css properties defined on the root, and they are working fine on the development build, however they aren't loading on the production build.
The custom properties are defined in index.css.

:root {
  --light-theme-background-color: #fafafa;
  --light-theme-text-color: #333;
  --light-theme-active-color: #cbcbcb;
  --dark-theme-background-color: #1d2327;
  --dark-theme-text-color: #227093;
  --dark-theme-active-color: #343434;
}