search

GitOfZGT / vite-plugin-theme-preprocessor

css theme preprocessor plugin for vite
MIT License
161 stars 15 forks source link

自定义主题 按钮主题丢失 #47

Closed pengyinghao closed 2 years ago

pengyinghao commented 2 years ago

ant design vue：3.2.9 vite:3.2.25

自定义了主题后，按钮的样式被覆盖并没有重写

image image
GitOfZGT commented 2 years ago

预设主题的编译原理：在编译某个less文件时，提供给multipleScopeVars内的几个less变量，会与这个less文件合并后编译出多个css，这几个css对比后抽取出不相同的主题css。

不清楚你的配置是怎样的，你知晓原理后进行排查问题。

pengyinghao commented 2 years ago

预设主题的编译原理：在编译某个less文件时，提供给multipleScopeVars内的几个less变量，会与这个less文件合并后编译出多个css，这几个css对比后抽取出不相同的主题css。

不清楚你的配置是怎样的，你知晓原理后进行排查问题。

在测试中，我发现了如果亮色 和暗黑 设置相同的 主题色，就会发生此问题，如果不相同则正常。大佬有时间的话 帮忙看一下啊！！ 仓库地址：https://github.com/pengyinghao/test

GitOfZGT commented 2 years ago

只要是multipleScopeVars的第一个主题色与其他的不相同就行

pengyinghao commented 2 years ago

那这种处理不到咯。如果暗色 和亮色都需要同样的主题

GitOfZGT commented 2 years ago

你可以加三个.less, 第一个less变量与其他两个不一样，其他两个可以相同

pengyinghao commented 2 years ago

谢谢，后续可能会考虑这种 。