yl-theme v1.0.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;

主题色（随主题变化的色阶）： --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;

其他常用的色值变量： / 失败色 / --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);

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

特殊颜色

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

注意：

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