UNPKG

5.79 kBSCSSView Raw
1////
2/// @module color: 颜色
3/// @type Color
4/// @category style
5////
6
7
8// ----------- 品牌主色 ----------- //
9
10/// brand1-1
11/// @group brand
12/// @semantic 浅
13/// @export
14$color-brand1-1: #DEE8FF !default;
15/// brand1-6
16/// @group brand
17/// @semantic 常规
18/// @export
19$color-brand1-6: #5584FF !default;
20/// brand1-9
21/// @group brand
22/// @semantic 深
23/// @export
24$color-brand1-9: #3E71F7 !default;
25
26// ----------- 功能色 ----------- //
27
28// 成功
29
30/// success-1
31/// @group function
32/// @semantic 浅
33/// @export
34$color-success-1: #E4FDDA !default;
35/// success-2
36/// @group function
37/// @semantic 常规
38/// @export
39$color-success-2: #CDF2BE !default;
40/// success-3
41/// @group function
42/// @semantic 深
43/// @export
44$color-success-3: #46BC15 !default;
45/// success-4
46/// @group function
47/// @semantic 重
48/// @export
49$color-success-4: #41A716 !default;
50
51// 提示
52
53/// notice-1
54/// @group function
55/// @semantic 浅
56/// @export
57$color-notice-1: #E3F2FD !default;
58/// notice-2
59/// @group function
60/// @semantic 常规
61/// @export
62$color-notice-2: #BAD9FF !default;
63/// notice-3
64/// @group function
65/// @semantic 深
66/// @export
67$color-notice-3: #4494F9 !default;
68/// notice-4
69/// @group function
70/// @semantic 重
71/// @export
72$color-notice-4: #2E7DE0 !default;
73
74// 警告
75
76/// warning-1
77/// @group function
78/// @semantic 浅
79/// @export
80$color-warning-1: #FFF3E0 !default;
81/// warning-2
82/// @group function
83/// @semantic 常规
84/// @export
85$color-warning-2: #FFE6BD !default;
86/// warning-3
87/// @group function
88/// @semantic 深
89/// @export
90$color-warning-3: #FF9300 !default;
91/// warning-4
92/// @group function
93/// @semantic 重
94/// @export
95$color-warning-4: #EB7E10 !default;
96
97// 错误
98
99/// error-1
100/// @group function
101/// @semantic 浅
102/// @export
103$color-error-1: #FFECE4 !default;
104/// error-2
105/// @group function
106/// @semantic 常规
107/// @export
108$color-error-2: #FFC8B2 !default;
109/// error-3
110/// @group function
111/// @semantic 深
112/// @export
113$color-error-3: #FF3000 !default;
114/// error-4
115/// @group function
116/// @semantic 重
117/// @export
118$color-error-4: #E72B00 !default;
119
120// 帮助
121
122/// help-1
123/// @group function
124/// @semantic 浅
125/// @export
126$color-help-1: #E3FFF8 !default;
127/// help-2
128/// @group function
129/// @semantic 常规
130/// @export
131$color-help-2: #C0ECE2 !default;
132/// help-3
133/// @group function
134/// @semantic 深
135/// @export
136$color-help-3: #01C1B2 !default;
137/// help-4
138/// @group function
139/// @semantic 重
140/// @export
141$color-help-4: #01A79A !default;
142
143// 链接
144
145/// link-1
146/// @group function
147/// @semantic 默认
148/// @export
149$color-link-1: #5584FF !default;
150/// link-2
151/// @group function
152/// @semantic 已访问
153/// @export
154$color-link-2: #5584FF !default;
155/// link-3
156/// @group function
157/// @semantic 鼠标滑过
158/// @export
159$color-link-3: #3E71F7 !default;
160
161// 其它
162
163/// other-1
164/// @group function
165/// @export
166$color-other-1: #FFEB3B !default;
167
168/// other-2
169/// @group function
170/// @export
171$color-other-2: #FCCC12 !default;
172
173/// other-3
174/// @group function
175/// @export
176$color-other-3: #EABB06 !default;
177
178// ----------- 中立色 ----------- //
179
180// 预设
181
182/// white
183/// @semantic 纯白
184/// @export
185$color-white: #FFFFFF;
186/// black
187/// @semantic 纯黑
188/// @export
189$color-black: #000000;
190/// transparent
191/// @export
192$color-transparent: transparent;
193
194// 线条
195
196/// line1-1
197/// @group neutural
198/// @semantic 浅
199/// @export
200$color-line1-1: #E6E7EB !default;
201/// line1-2
202/// @group neutural
203/// @semantic 常规
204/// @export
205$color-line1-2: #DCDEE3 !default;
206/// line1-3
207/// @group neutural
208/// @semantic 深
209/// @export
210$color-line1-3: #C4C6CF !default;
211/// line1-4
212/// @group neutural
213/// @semantic 重
214/// @export
215$color-line1-4: #A0A2AD !default;
216
217// 填充
218
219/// fill1-1
220/// @group neutural
221/// @semantic 浅
222/// @export
223$color-fill1-1: #F7F8FA !default;
224/// fill1-2
225/// @group neutural
226/// @semantic 常规
227/// @export
228$color-fill1-2: #F2F3F7 !default;
229/// fill1-3
230/// @group neutural
231/// @semantic 深
232/// @export
233$color-fill1-3: #EBECF0 !default;
234/// fill1-4
235/// @group neutural
236/// @semantic 重
237/// @export
238$color-fill1-4: #E2E4E8 !default;
239
240// 文字
241
242/// text1-1
243/// @group neutural
244/// @semantic 禁用
245/// @export
246$color-text1-1: #CCCCCC !default;
247/// text1-2
248/// @group neutural
249/// @semantic 水印/提示
250/// @export
251$color-text1-2: #999999 !default;
252/// text1-3
253/// @group neutural
254/// @semantic 正文/标题
255/// @export
256$color-text1-3: #666666 !default;
257/// text1-4
258/// @group neutural
259/// @semantic 正文/标题
260/// @export
261$color-text1-4: #333333 !default;
262
263
264
265// ----------- 数据色 ----------- //
266
267// 数据序列
268
269/// data1-1
270/// @group data
271/// @export
272$color-data1-1: #00DCCD !default;
273/// data1-2
274/// @group data
275/// @export
276$color-data1-2: #506FED !default;
277/// data1-3
278/// @group data
279/// @export
280$color-data1-3: #AE66FC !default;
281/// data1-4
282/// @group data
283/// @export
284$color-data1-4: #FF445F !default;
285/// data1-5
286/// @group data
287/// @export
288$color-data1-5: #FF934D !default;
289/// data1-6
290/// @group data
291/// @export
292$color-data1-6: #FFD74D !default;
293/// data1-7
294/// @group data
295/// @export
296$color-data1-7: #4DDE6D !default;
297/// data1-8
298/// @group data
299/// @export
300$color-data1-8: #18B1F7 !default;
301
302
303// ----------- 渐变色值 ----------- //
304
305/// gradient-1
306/// @group gradient
307/// @export
308$color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%) !default;
309/// gradient-2
310/// @group gradient
311/// @export
312$color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%) !default;
313/// gradient-3
314/// @group gradient
315/// @export
316$color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%) !default;
317/// gradient-4
318/// @group gradient
319/// @export
320$color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%) !default;