色卡 (Color Palette)

点击色块可快速复制颜色值

背景 (Background)

页面背景Copy

var(--bg-page)

bg-page

模块分隔底Copy

var(--bg-block)

bg-block

内容卡片底色Copy

var(--bg-card)

bg-card

选中高亮卡片Copy

var(--bg-card-active)

bg-cardactive

按钮 (Buttons)

主要按钮常态Copy

var(--btn-primary)

bg-btn-primary

主要按钮悬浮Copy

var(--btn-primary-hover)

bg-btn-primary-hover

次要按钮/描边Copy

var(--btn-secondary)

bg-btn-secondary

文字 (Typography)

标题文字Copy

var(--text-title)

text-title

正文文字Copy

var(--text-body)

text-body

描述文字Copy

var(--text-desc)

text-desc

白色文字Copy

var(--text-white)

text-white

强调 (Accent)

高亮色Copy

var(--color-highlight)

bg-highlight

锦葵紫Copy

var(--color-mauve)

bg-mauve

灰褐色Copy

var(--color-taupe)

bg-taupe

状态 (Status)

成功Copy

var(--color-success)

bg-success

警告Copy

var(--color-warn)

bg-warn

危险Copy

var(--color-danger)

bg-danger

图表 (Charts)

图表网格Copy

var(--chart-grid)

bg-chart-grid

图表提示Copy

var(--chart-tooltip)

bg-chart-tooltip

图表分色 (Charts Colors)

图表 1Copy

var(--echart-1)

bg-echart1

图表 2Copy

var(--echart-2)

bg-echart2

图表 3Copy

var(--echart-3)

bg-echart3

图表 4Copy

var(--echart-4)

bg-echart4

图表 5Copy

var(--echart-5)

bg-echart5