cube-ui icon indicating copy to clipboard operation
cube-ui copied to clipboard

[New Feature] 自定义主题文档不完善

Open tower1229 opened this issue 5 years ago • 9 comments

What problem does this feature solve?

文档没有介绍vue-cli3创建的项目如何自定义主题。

What does the proposed API look like?

https://didi.github.io/cube-ui/#/zh-CN/docs/theme

tower1229 avatar Jun 18 '19 07:06 tower1229

vue-cli 3 的话,直接在生成的时候就会询问是否自定义主题,然后会自动生成主题变量文件,也会自动修改配置,无需开发者关心。

dolymood avatar Jun 18 '19 12:06 dolymood

@dolymood 可以修改颜色并不能起作用,如何修改主题色?谢谢

lxc455735702 avatar Jun 18 '19 13:06 lxc455735702

@dolymood 刚试了下,确实是这样,但是文档里最好描述一下,很多老用户可能不会注意到这点。

tower1229 avatar Jun 19 '19 07:06 tower1229

@lxc455735702 直接修改 $color-orange 是不起作用的,要将 $color-orange 变量批量替换成你想要的颜色,色值这块定义的不是很好,将 $color-orange 改成 $color-primary 更合理

tower1229 avatar Jun 19 '19 07:06 tower1229

@tower1229 批量修改? 这是src下的theme.styl文件内的button 颜色 // button $btn-color := $color-white $btn-bgc := $color-regular-blue $btn-bdc := $color-regular-blue $btn-active-bgc := $color-blue $btn-active-bdc := $color-blue $btn-disabled-color := $color-white $btn-disabled-bgc := $color-light-grey-s $btn-disabled-bdc := $color-light-grey-s 例如我想修改这个主题色 把$color-regular-blue这些直接替换吗?

lxc455735702 avatar Jun 19 '19 09:06 lxc455735702

目前的主题都是根据组件走的,而不是全部修改

未来的版本我们会考虑一些主色,次色,支持批量的更新

dolymood avatar Jun 20 '19 02:06 dolymood

@lxc455735702 对的,直接批量替换成色值,因为目前没有抽象出主色这种级别的变量

tower1229 avatar Jun 21 '19 01:06 tower1229

不能在theme.styl里面用自定义的颜色吗?我修改了没效果

tsoil avatar Jun 28 '19 08:06 tsoil

貌似要把 ":" 去掉

jxd9612 avatar Jul 01 '19 02:07 jxd9612