Skip to content
On this page

Color 色彩

准确的说,ChordsUI 中并没有自己的颜色,由于本项目依赖于 @seemusic/element-plus-theme-sop @seemusic/styles,内部的一些颜色都是取至于 @seemusic/styles

为了方便开发,这里对颜色变量进行统计归纳。

主色

默认的主色调

--seemusic-primary
#0040FF

状态

参考 element-plus 的状态枚举

--seemusic-success
#28CA41
--seemusic-warning
#FFBD2E
--seemusic-danger
#FF4B4B
--seemusic-info
#999

文本

--seemusic-text-normal
#333
--seemusic-text-description
#999
--seemusic-text-disabled
#CCC
--seemusic-text-hover
#2965FF
--seemusic-text-active
#0040FF

Border

--seemusic-border-disabled
#DDD
--seemusic-card-warning-border
#999
--seemusic-card-danger-border
#CCC
--seemusic-card-info-border
#B2B2B2
--seemusic-card-info-bg
#EEE
--seemusic-success-border
#76E37F
--seemusic-success-bg
#F0FFF0
--seemusic-primary-border
#A3C6FF
--seemusic-primary-bg
#E6F0FF

highlight

--seemusic-highlight-bg
#0040FF
--seemusic-highlight-context
#FFF

overlay

--seemusic-overlay
rgba(0, 0, 0, .4)

backgroundColor

--seemusic-bg-disabled
#EEE