色彩

Changba UI 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

调色板

Primary

Disabled
#3c8dbc
Active

Info

Disabled
#00c0ef
Active

Success

Disabled
#00a65a
Active

Warning

Disabled
#f39c12
Active

Danger

Disabled
#f56954
Active

Gray

Disabled
#d2d6de
Active

Navy

Disabled
#001F3F
Active

Teal

Disabled
#39CCCC
Active

Purple

Disabled
#605ca8
Active

Orange

Disabled
#ff851b
Active

Maroon

Disabled
#D81B60
Active

Black

Disabled
#111111
Active

Theme

此处列出的内容可用于组件的 theme 属性中,逗号后面的是别名。

blue
blue-active
blue-gradient
light-blue, primary
light-blue-active
light-blue-gradient
aqua, info
aqua-active
aqua-gradient
green, success
green-active
green-gradient
yellow, warning
yellow-active
yellow-gradient
red, danger
red-active
red-gradient
gray
gray-light
gray-active
black
black-active
black-gradient
navy
navy-active
teal
teal-active
teal-gradient
olive
olive-active
lime
lime-active
orange
orange-active
fuchsia
fuchsia-active
purple
purple-active
purple-gradient
maroon
maroon-active
maroon-gradient

文本颜色

此处列出所有控制文本颜色的 css class 值。

text-red
text-yellow
text-aqua
text-blue
text-black
text-light-blue
text-green
text-gray
text-navy
text-teal
text-olive
text-lime
text-orange
text-fuchsia
text-purple
text-maroon
text-muted