换肤的一些问题

[linrong]

你好，我在使用代码中的更好主题时遇到一些问题，我通过查看

• 手摸手，带你用vue撸后台 系列三(实战篇)
• 多套主题换肤
  之后进行测试，发现例子是可以正常更换主题颜色的。
  但我想尝试更换style/varables.scss(如下)里面的颜色时，发现没有起作用，我的操作时在element-variables.scss里面增加'$menuBg:red;'，期望可以修改custom-theme进行更换颜色
  

  vue-element-admin/src/styles/variables.scss

  Lines 11 to 16 in cf48ed2

  	//sidebar
  	$menuText:#bfcbd9;
  	$menuActiveText:#409EFF;
  	$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
  	$menuBg:#304156;

  
  所以我想请教下是不是通过上面链接的方法只能修改element组件的主题？我应该怎么做可以修改自定义的颜色，比如上面的或者是在某个页面定义的颜色？
  谢谢！

[PanJiaChen]

暂时不支持。

[linrong]

你的意思目前的更换主题是只能修改element组件的颜色配置吗？

[PanJiaChen]

目前是的，之后我完善一下。

[linrong]

有什么思路现在可以提供下吗？

[PanJiaChen]

主要还是css覆盖。

[uncleLian]

利用css-loader全局引入预处理定义变量的那个文件，然后写页面的时候使用那个变量名字就好了，之后要修改的话只需要修改一个地方就可以了 @linrong

[linrong]

@uncleLian 你好，我一开始的思路也是这样子，但我不知道应该怎么写？请问可以提供一些例子吗？我看到好像有通过less文件实现的？

[uncleLian]

@linrong 我使用的是stylus，其他预处理可以百度一下，比如vue-cli2.x或者vue-cli3.x如何全局引入less 文件

[showyoulove]

主要还是css覆盖。

我这又另外一个问题，样式覆盖没问题，但是把我之前写的也给覆盖了，只有用!important才可以，这样就导致important太多了，这个能少就少
针对这个问题 有什么解决办法吗