跳到主要内容

简介

炎凰主题设定

炎凰数据的主题设定,主要包括颜色、文字、静态资源(图片)等。

颜色

基础颜色色板

炎凰数据的主题定义中,预先定义了多个系列的色彩,以供使用,包括:

  • 中性色:
    • 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 禁用状态

组件颜色