1. 中性色（会随暗色模式变化的色阶，由UI提供）： --color-gray1: #ffffff; --color-gray2: #f7f8f9; --color-gray3: #F3F4F5; --color-gray4: #EbEEF0; --color-gray5: #e6e9eb; --color-gray6: #d0d5d9; --color-gray7: #b0b9bf; --color-gray8: #929da6; --color-gray9: #79848C; --color-gray10: #5e6a73; --color-gray11: #465159; --color-gray12: #303940; --color-gray13: #1c2226; --color-gray14: #000000;

2. 主题色（随主题变化的色阶）： --color-main18: #050c19; --color-main17: #0b1832; --color-main16: #11244b; --color-main15: #163064; --color-main14: #1c3d7d; --color-main13: #214996; --color-main12: #2755af; --color-main11: #2c61c8; --color-main10: #326de1; --color-primary:#3779FA; // rgb(55,121,250) --color-main9: #4b86fb; --color-main8: #5f94fb; --color-main7: #73a1fc; --color-main6: #87affc; --color-main5: #9bbcfd; --color-main4: #afc9fd; --color-main3: #C3D7FE; --color-main2: #d7e4fe; --color-main1: #ebf2ff; --color-main0: #f5f8ff;

3. 其他常用的色值变量： /* 失败色 */ --color-red1: #ffe6e6; --color-red5: #ff4d4f;

/* 成功色 */ --color-green2: #d2f5ce; --color-green6: #27c129;

/* 辅助色 */ --color-orange1: #fff7e6; --color-orange6: #ff8400;

/* svg填充色 */ --fill-color-gray1: #feffff; --fill-color-gray12: #171717; --fill-color-gray13: #1c2227;

--color-primary-alpha: rgba(55, 121, 250, 0.2); --color-gray13-alpha: rgba(28, 34, 38, 0.1);

4. 常量色值（不会随暗色模式切换的色值，比如：button中文字的颜色在亮色暗色下都为同一个色值）： /* 项目常量色值，亮色，暗色都保持不变 */ $--constant-font-color: #fffeff; $--constant-gray-dark: #4d4d4c;

5. 特殊颜色

   1. #fffffe 为工作台item的颜色，为了区别#ffffff转为#1a1a1a
   2. #f3f4f6 为移动端区分#f3f4f5的背景色
   3. #ebf0f5 为选会议室中yl-tree中选中的背景色
   4. 边框线的颜色：'#ebebeb', '#ebeef5', '#dcdfe6', '#cccccc', '#eaeaea'

6. 注意：

   1. 项目中不出现颜色名称：white，red，gray等，直接使用hex色值
   2. 减少rgba写法，带透明度除外
   3. 尽量使用root中的css变量取代色值