使用 LessCSS 和 Antd 处理暗模式

编程问答 2022-05-10

问题描述

我有以下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%);

我想处理系统操作系统暗模式更改，但找不到任何好的解决方案

感谢任何帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

antdantdantdlesssasssass