我使用的是CSS模块附带的react-boilerplate (现在比较老的)版本。它们的优点在于,您可以创建变量并将其导入到其他CSS文件中。
这是我的colors.css文件
:root {
/* Status colors */
--error: #842A2B;
--success: #657C59;
--pending: #666;
--warning: #7E6939;
}
当我导入该文件时,我只需要在.css文件的顶部使用:
@import 'components/App/colors.css';
我希望我的网站有两个主题的选择,我希望能够动态更新这些变量与Javascript。做这件事最好的方法是什么?
编辑:我希望有一种方法可以更新colors.css
文件,而不必在从两个可能的css文件中提取的所有组件中进行条件导入。如果有办法,请告诉我,如果有,我会改变接受的答案。感谢所有回复的人!
https://stackoverflow.com/questions/43532191
复制相似问题