如何改变 primary color? about weui-wxss HOT 15 CLOSED

简单来说就是把 src/style/base/variable/color.wxss 改了之后，自己再重新生成一个出来~

from weui-wxss.

@primary:#FF5200;
@disabled:#E5E5E5;
.primary-color{
  color: #FF5200;
};
.primary-bg{
  background: #FF5200;
}
[type="primary"]{
  background: @primary;
}
[type="disabled"]{
  background: @disabled;
}

from weui-wxss.

@ZxBee 我们要override方案你给的是overwrite...

from weui-wxss.

sorry

from weui-wxss.

@634750802 你想改的是哪里的primary？button的？

from weui-wxss.

对，包括所有的微信主色调（就是那个绿）的颜色，一个一个改太麻烦

from weui-wxss.

同问

from weui-wxss.

同问，好像wxss并没有详细的文档，而且很多类的用法都不直观，比如button type="primary"对应哪个类也不清楚

from weui-wxss.

尝试了几个less中override变量的方法，都没有成功。

from weui-wxss.

@BearJ

我是在小程序项目引入weui.wxss, 改了里面的颜色值，并在 app.wxss里引入... ...
如下的代码还是绿色。
<button class="weui-btn" type="primary"> 按钮 </button>

from weui-wxss.

@18601673727 ， 直接在app.wxss重写此样式即可：
button[type="primary"] {
background: #333;
}

from weui-wxss.

from weui-wxss.

如 @tkggusraqk 所说，简单修改可以通过那种方式重写

from weui-wxss.

现在好像覆盖CSS变量就好了：

/**app.wxss**/
page {
  --weui-BRAND: #939;
}

注意：我用的自带weui库

// app.json
"useExtendedLib": {
  "weui": true
}

from weui-wxss.

@18601673727 ， 直接在app.wxss重写此样式即可：
button[type="primary"] {
background: #333;
}
并不能覆盖啊

from weui-wxss.