# 全局变量

# 颜色

白色到黑色颜色梯度值几乎适用于任何场景，白色和黑色之间渐变梯度可以定义，定义 gray-100 至 gray-900是为了方便记忆，实际开发过程如果对ui还原程度不那么高，可以根据感觉取值，误差不会很大。

变量名称	颜色描述	颜色值(rgb)	颜色值(16进制)
$white	白色	rgb(255,255,255)	#ffffff
$gray-100	灰色	/	#f8f9fa
$gray-200	灰色	/	#e9ecef
$gray-300	灰色	/	#dee2e6
$gray-400	灰色	/	#ced4da
$gray-500	灰色	/	#adb5bd
$gray-600	灰色	/	#6c757d
$gray-700	灰色	/	#495057
$gray-800	灰色	/	#343a40
$gray-900	灰色	/	#212529
$black	黑色	/	#000000

白色-黑色

主题色可以简单理解为一款程序使用最多的颜色，改变主题色能够直接给用户一种全新的感觉，主题色一般只有一个。

变量名称	颜色描述	颜色值(rgb)	颜色值(16进制)
$theme	主题色	rgb(111,255,255)	#f84578

辅助色一般作为情感颜色呈现给用户，例如：红色(危险)，黄色(警告)，绿色(成功)

为了方便记忆，辅助色只取 红橙黄绿青蓝紫 + 蓝绿色

变量名称	颜色描述	颜色值(rgb)	颜色值(16进制)
$red	红色	/	#f56c6c
$orange	橙色	/	#fd7e14
$yellow	黄色	/	#ffc107
$green	绿色	/	#28a745
$teal	青色	/	#default
$blue	蓝色	/	#409EFF
$purple	紫色	/	#6f42c1
$cyan	蓝绿色	/	#17a2b8

辅助色

混合色由 主题色 或者 辅助色 与 白色按照一定比例混合而成，按照mix(主题色, 纯白, 混合比例); 混合比例一般为 10的倍数，混合数量越少越好，方便记忆。

TIP

混合色在业务系统中几乎无任何使用

Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif

字体大小调用 fz 函数生成，大部分关于大小的值都需要调用相关函数生成。这样做的目的是为了获取更高的扩展性和兼容性。

TIP

字体大小一般不更改fz参数接受的值，这样做的目的是为了兼容当fz函数不做任何处理的时候，返回值依然满足开发需求。(文字不好表述这个意思)

字重受文字类型影响，一般只区分 加粗，正常，变细。