# 颜色

蓝湖设计稿地址：颜色

当前选中的版本：

# 主色

主色调

用于按钮、文字、图标、链接等，其中延伸出三种辅助色。

h3-primary-color、h3-primary-active-color、h3-primary-hover-color、h3-primary-bg-color

#0089FF、#0e72e5、#3392ff、#e5f1ff

@h3-primary-color: ...; // 主色
@h3-primary-active-color: ...; // 主引导色
@h3-primary-hover-color: ...; // 主功能色
@h3-primary-bg-color: ...; // 主辅助色

# 辅助色

Warning

用于警告提示

h3-warning-color、h3-warning-active-color、h3-warning-bg-color

#FF9F00、#ff9050、#ffefe6

Error

用于危险按钮、检验提示

h3-error-color、h3-error-active-color、h3-error-bg-color

#FB602D、#ff659b、#ffe8f0

Success

用于成功提示

h3-success-color、h3-success-active-color、h3-success-bg-color

#00B853、#2fcf9f、#d5f5ec

@h3-warning-color: ...; // 警告色
@h3-warning-active-color: ...; // 警告功能色
@h3-warning-bg-color: ...; // 警告辅助色

@h3-error-color: ...; // 错误色
@h3-error-active-color: ...; // 错误功能色
@h3-error-bg-color: ...; // 错误辅助色

@h3-success-color: ...; // 成功色
@h3-success-active-color: ...; // 成功功能色
@h3-success-bg-color: ...; // 成功辅助色

# 功能色

#F2F4F5

背景色

用于灰色背景

h3-normal-color

rgba(17, 31, 44, 0.12)

线条

用于分组标题分割线等

h3-line-color

rgba(17, 31, 44, 0.12)

禁用

用于禁用

h3-disable-color

@h3-normal-color: ...; // 默认背景色

@h3-line-color: ...; // 默认线条颜色

@h3-disable-color: ...; // 默认禁止颜色

# 应用色

#0089FF

h3-blue

#FB602D

h3-red

#FF9F00

h3-orange

#00B853

h3-green

#6840ff

h3-purple

#FFCC0C

h3-yellow

@h3-blue: ...; // 蓝色
@h3-red: ...; // 红色
@h3-orange: ...; // 橘色
@h3-green: ...; // 绿色
@h3-yellow: ...; // 黄色
@h3-purple: ...; // 紫色

# 字体颜色

#000000

h3-text-color-special

#111F2C

h3-text-color

rgba(17, 31, 44, 0.56)

h3-text-color-minor

rgba(17, 31, 44, 0.4)

h3-text-color-explain

rgba(17, 31, 44, 0.24)

h3-text-color-placeholder

#50749A

h3-text-color-link

rgba(17, 31, 44, 0.85)

h3-icon-color

//字体颜色
@h3-text-color-special: ...; //特殊字体颜色
@h3-text-color: ...; //标题 bar 主文案颜色
@h3-text-color-minor: ...; //副标题 次要文案颜色
@h3-text-color-explain: ...; //说明文案
@h3-text-color-placeholder: ...; // 预填/禁用文本
@h3-text-color-link: ...; // 链接文本颜色
@h3-icon-color: ...; // 可点击图标颜色

文字 →