Skip to content

演示APP

推荐浏览器扫码安装

Color 色彩

我们在组件内部统一使用了统一的配色,为你所搭建的产品提供一致的外观视觉感受。

我们支持实时修改主题色彩及配置(全局配置)。

平台兼容性

Android uni-app-xiOS uni-app-xweb小程序

主色

主要品牌颜色是鲜艳、友好的蓝色。

Primary
#3c9cff
Dark
#398ade
Disabled
#9acafc
Light
#ecf5ff

辅助色

除了主色外的场景色,需要在不同的场景中使用,如绿色代表成功,红色代表错误,黄色代表警示。

Success
#5ac725
Dark
#53c21d
Disabled
#a9e08f
Light
#f5fff0
Warning
#f9ae3d
Dark
#f1a532
Disabled
#f9d39b
Light
#fdf6ec
Error
#f56c6c
Dark
#e45656
Disabled
#f7b2b2
Light
#fef0f0
Info
#909399
Dark
#767a82
Disabled
#c4c6c9
Light
#f4f4f5

中性色

中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。

主要文字
#333333
常规文字色
#606266
次要文字色
#909193
占位文字色
#c0c4cc
背景色
#f3f4f6
禁用色
#c8c9cc
边框色
#e7e6e4