Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

使用umi用global.less时@primary-color不能随着主题切换颜色 #6

Open
Nokecy opened this issue Dec 25, 2019 · 10 comments
Open

Comments

@Nokecy
Copy link

Nokecy commented Dec 25, 2019

ant-design/ant-design-pro#3020 @primary-color 默认一直是蓝色

@Nokecy Nokecy changed the title global.less 中使用的@primary-color不能随着主题切换颜色 使用umi用global.less时@primary-color不能随着主题切换颜色 Dec 25, 2019
@holiday12138
Copy link

同样的疑问 有新版本了吗

@zp2359
Copy link

zp2359 commented Jan 9, 2020

同样问题:
在项目中@import '~antd/es/style/themes/default.less';
设置color: @primary-color

切换主题后,@primayr-color不变

@chenshuai2144
Copy link
Owner

chenshuai2144 commented Jan 10, 2020

我忽略了一下 global.less ,不知道为什么

@Nokecy
Copy link
Author

Nokecy commented Jan 12, 2020

@chenshuai2144 能不能抽时间看一下~~~

@chenshuai2144
Copy link
Owner

@Nokecy 先不要在 global.less 里面用规避一下

@zp2359
Copy link

zp2359 commented Jan 12, 2020

在一个普通的页面,这样写的,也无法改变颜色:
image

@zp2359
Copy link

zp2359 commented Jan 13, 2020

我的理解是,@primary-color是定制antd组件主题用的,自己写的代码(覆盖antd组件与页面样式)要用css3 var处理,不知道理解是否正确?

@lifeneedspassion
Copy link

作者抽取样式的时候需要给每个css_module的类名重命名,如果不规避 global.less 的话,global.less里的类名会被多加一些前缀,导致样式不生效。
所以 global.less 里的样式是一定会规避的。
在多主题时,global.less里不能添加颜色变量,因为global.less根本不会被编译。

@hemiao51
Copy link

同样的疑问 有新版本了吗

@chenshuai2144
Copy link
Owner

global.less 这个文件被忽略了,要搞就需要不忽略 global.less,有点麻烦

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants