@yanhuang/themes
v2.15.0
Published
炎凰数据的主题设定,主要包括颜色、文字、静态资源(图片)等。
Downloads
5
Keywords
Readme
炎凰主题设定
炎凰数据的主题设定,主要包括颜色、文字、静态资源(图片)等。
颜色
基础颜色色板
炎凰数据的主题定义中,预先定义了多个系列的色彩,以供使用,包括:
- 中性色:
neutral
中性色,不同梯度的灰色,都是100%透明度,不能用于和别的颜色叠加black
黑色,其中包含不同透明度的黑色,可以用于和别的颜色叠加white
白色,其中包含不同透明度的白色,可以用与和别的颜色叠加
- 基础色:
blue
cyan
gold
green
indigo
lime
magenta
orange
purple
red
yellow
语义颜色
语意颜色主要分为以下种类:
- brand 品牌色:用于品牌标识,如logo、图标等
- info 信息色:当系统需要向用户传达重要信息时,使用此色彩
- warning 警告色:当系统需要向用户提示警告信息时,使用此色彩
- success 成功色:当系统需要给出成功反馈时,使用此色彩
- error 错误色:当系统出现错误时,使用此色彩
- accent 着重强调色:当系统的品牌色带有某种语义时(例如橙色,可能含有告警的意味),系统可以使用此颜色对一般组件,例如按钮,等组件的边框、背景等进行着重强调,不会使用品牌色,以免造成歧义
而每种状态则又分为以下一些状态:
- default 默认状态
- hover 鼠标移上状态
- selected 选中状态
- disabled 禁用状态