使用LessCSS和Antd处理暗模式
我有以下使用LessCSS和Antd处理暗模式,css,sass,less,antd,Css,Sass,Less,Antd,我有以下App.less /* Light mode CSS */ @media (prefers-color-scheme: light) { @import 'antd/dist/antd.less'; @import 'antd/lib/style/themes/default.less'; } /* Dark mode CSS */ @media (prefers-color-scheme: dark) { @import 'antd/dist/antd.da
App.less
/* Light mode CSS */
@media (prefers-color-scheme: light) {
@import 'antd/dist/antd.less';
@import 'antd/lib/style/themes/default.less';
}
/* Dark mode CSS */
@media (prefers-color-scheme: dark) {
@import 'antd/dist/antd.dark.less';
@import 'antd/lib/style/themes/dark.less';
}
- 使用的命令:
npx lessc src/theme/App.less src/theme/App.css--js
RuntimeError: Error evaluating function `color`: Maximum call stack size exceeded in /Users/Franki/Documents/Work/Project/node_modules/antd/lib/style/themes/dark.less on line 5, column 14:
4 // color palettes
5 @blue-1: mix(color(~`colorPalette('@{blue-base}', 8) `), @component-background, 15%);
我想处理系统操作系统暗模式更改,但无法找到任何好的解决方案
感谢您的帮助