@carbon/colors 10.37.1 → 11.0.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/scss/mixins.scss DELETED
@@ -1,1456 +0,0 @@
1
- // Code generated by @carbon/colors. DO NOT EDIT.
2
- //
3
- // Copyright IBM Corp. 2018, 2020
4
- //
5
- // This source code is licensed under the Apache-2.0 license found in the
6
- // LICENSE file in the root directory of this source tree.
7
- //
8
- $ibm-color__black-100: #000000 !default;
9
- $ibm-color__blue-10: #edf5ff !default;
10
- $ibm-color__blue-20: #d0e2ff !default;
11
- $ibm-color__blue-30: #a6c8ff !default;
12
- $ibm-color__blue-40: #78a9ff !default;
13
- $ibm-color__blue-50: #4589ff !default;
14
- $ibm-color__blue-60: #0f62fe !default;
15
- $ibm-color__blue-70: #0043ce !default;
16
- $ibm-color__blue-80: #002d9c !default;
17
- $ibm-color__blue-90: #001d6c !default;
18
- $ibm-color__blue-100: #001141 !default;
19
- $ibm-color__cool-gray-10: #f2f4f8 !default;
20
- $ibm-color__cool-gray-20: #dde1e6 !default;
21
- $ibm-color__cool-gray-30: #c1c7cd !default;
22
- $ibm-color__cool-gray-40: #a2a9b0 !default;
23
- $ibm-color__cool-gray-50: #878d96 !default;
24
- $ibm-color__cool-gray-60: #697077 !default;
25
- $ibm-color__cool-gray-70: #4d5358 !default;
26
- $ibm-color__cool-gray-80: #343a3f !default;
27
- $ibm-color__cool-gray-90: #21272a !default;
28
- $ibm-color__cool-gray-100: #121619 !default;
29
- $ibm-color__cyan-10: #e5f6ff !default;
30
- $ibm-color__cyan-20: #bae6ff !default;
31
- $ibm-color__cyan-30: #82cfff !default;
32
- $ibm-color__cyan-40: #33b1ff !default;
33
- $ibm-color__cyan-50: #1192e8 !default;
34
- $ibm-color__cyan-60: #0072c3 !default;
35
- $ibm-color__cyan-70: #00539a !default;
36
- $ibm-color__cyan-80: #003a6d !default;
37
- $ibm-color__cyan-90: #012749 !default;
38
- $ibm-color__cyan-100: #061727 !default;
39
- $ibm-color__gray-10: #f4f4f4 !default;
40
- $ibm-color__gray-20: #e0e0e0 !default;
41
- $ibm-color__gray-30: #c6c6c6 !default;
42
- $ibm-color__gray-40: #a8a8a8 !default;
43
- $ibm-color__gray-50: #8d8d8d !default;
44
- $ibm-color__gray-60: #6f6f6f !default;
45
- $ibm-color__gray-70: #525252 !default;
46
- $ibm-color__gray-80: #393939 !default;
47
- $ibm-color__gray-90: #262626 !default;
48
- $ibm-color__gray-100: #161616 !default;
49
- $ibm-color__green-10: #defbe6 !default;
50
- $ibm-color__green-20: #a7f0ba !default;
51
- $ibm-color__green-30: #6fdc8c !default;
52
- $ibm-color__green-40: #42be65 !default;
53
- $ibm-color__green-50: #24a148 !default;
54
- $ibm-color__green-60: #198038 !default;
55
- $ibm-color__green-70: #0e6027 !default;
56
- $ibm-color__green-80: #044317 !default;
57
- $ibm-color__green-90: #022d0d !default;
58
- $ibm-color__green-100: #071908 !default;
59
- $ibm-color__magenta-10: #fff0f7 !default;
60
- $ibm-color__magenta-20: #ffd6e8 !default;
61
- $ibm-color__magenta-30: #ffafd2 !default;
62
- $ibm-color__magenta-40: #ff7eb6 !default;
63
- $ibm-color__magenta-50: #ee5396 !default;
64
- $ibm-color__magenta-60: #d02670 !default;
65
- $ibm-color__magenta-70: #9f1853 !default;
66
- $ibm-color__magenta-80: #740937 !default;
67
- $ibm-color__magenta-90: #510224 !default;
68
- $ibm-color__magenta-100: #2a0a18 !default;
69
- $ibm-color__orange-10: #fff2e8 !default;
70
- $ibm-color__orange-20: #ffd9be !default;
71
- $ibm-color__orange-30: #ffb784 !default;
72
- $ibm-color__orange-40: #ff832b !default;
73
- $ibm-color__orange-50: #eb6200 !default;
74
- $ibm-color__orange-60: #ba4e00 !default;
75
- $ibm-color__orange-70: #8a3800 !default;
76
- $ibm-color__orange-80: #5e2900 !default;
77
- $ibm-color__orange-90: #3e1a00 !default;
78
- $ibm-color__orange-100: #231000 !default;
79
- $ibm-color__purple-10: #f6f2ff !default;
80
- $ibm-color__purple-20: #e8daff !default;
81
- $ibm-color__purple-30: #d4bbff !default;
82
- $ibm-color__purple-40: #be95ff !default;
83
- $ibm-color__purple-50: #a56eff !default;
84
- $ibm-color__purple-60: #8a3ffc !default;
85
- $ibm-color__purple-70: #6929c4 !default;
86
- $ibm-color__purple-80: #491d8b !default;
87
- $ibm-color__purple-90: #31135e !default;
88
- $ibm-color__purple-100: #1c0f30 !default;
89
- $ibm-color__red-10: #fff1f1 !default;
90
- $ibm-color__red-20: #ffd7d9 !default;
91
- $ibm-color__red-30: #ffb3b8 !default;
92
- $ibm-color__red-40: #ff8389 !default;
93
- $ibm-color__red-50: #fa4d56 !default;
94
- $ibm-color__red-60: #da1e28 !default;
95
- $ibm-color__red-70: #a2191f !default;
96
- $ibm-color__red-80: #750e13 !default;
97
- $ibm-color__red-90: #520408 !default;
98
- $ibm-color__red-100: #2d0709 !default;
99
- $ibm-color__teal-10: #d9fbfb !default;
100
- $ibm-color__teal-20: #9ef0f0 !default;
101
- $ibm-color__teal-30: #3ddbd9 !default;
102
- $ibm-color__teal-40: #08bdba !default;
103
- $ibm-color__teal-50: #009d9a !default;
104
- $ibm-color__teal-60: #007d79 !default;
105
- $ibm-color__teal-70: #005d5d !default;
106
- $ibm-color__teal-80: #004144 !default;
107
- $ibm-color__teal-90: #022b30 !default;
108
- $ibm-color__teal-100: #081a1c !default;
109
- $ibm-color__warm-gray-10: #f7f3f2 !default;
110
- $ibm-color__warm-gray-20: #e5e0df !default;
111
- $ibm-color__warm-gray-30: #cac5c4 !default;
112
- $ibm-color__warm-gray-40: #ada8a8 !default;
113
- $ibm-color__warm-gray-50: #8f8b8b !default;
114
- $ibm-color__warm-gray-60: #726e6e !default;
115
- $ibm-color__warm-gray-70: #565151 !default;
116
- $ibm-color__warm-gray-80: #3c3838 !default;
117
- $ibm-color__warm-gray-90: #272525 !default;
118
- $ibm-color__warm-gray-100: #171414 !default;
119
- $ibm-color__white-0: #ffffff !default;
120
- $ibm-color__yellow-10: #fcf4d6 !default;
121
- $ibm-color__yellow-20: #fddc69 !default;
122
- $ibm-color__yellow-30: #f1c21b !default;
123
- $ibm-color__yellow-40: #d2a106 !default;
124
- $ibm-color__yellow-50: #b28600 !default;
125
- $ibm-color__yellow-60: #8e6a00 !default;
126
- $ibm-color__yellow-70: #684e00 !default;
127
- $ibm-color__yellow-80: #483700 !default;
128
- $ibm-color__yellow-90: #302400 !default;
129
- $ibm-color__yellow-100: #1c1500 !default;
130
- $carbon--black-100: #000000 !default;
131
- $carbon--blue-10: #edf5ff !default;
132
- $carbon--blue-20: #d0e2ff !default;
133
- $carbon--blue-30: #a6c8ff !default;
134
- $carbon--blue-40: #78a9ff !default;
135
- $carbon--blue-50: #4589ff !default;
136
- $carbon--blue-60: #0f62fe !default;
137
- $carbon--blue-70: #0043ce !default;
138
- $carbon--blue-80: #002d9c !default;
139
- $carbon--blue-90: #001d6c !default;
140
- $carbon--blue-100: #001141 !default;
141
- $carbon--cool-gray-10: #f2f4f8 !default;
142
- $carbon--cool-gray-20: #dde1e6 !default;
143
- $carbon--cool-gray-30: #c1c7cd !default;
144
- $carbon--cool-gray-40: #a2a9b0 !default;
145
- $carbon--cool-gray-50: #878d96 !default;
146
- $carbon--cool-gray-60: #697077 !default;
147
- $carbon--cool-gray-70: #4d5358 !default;
148
- $carbon--cool-gray-80: #343a3f !default;
149
- $carbon--cool-gray-90: #21272a !default;
150
- $carbon--cool-gray-100: #121619 !default;
151
- $carbon--cyan-10: #e5f6ff !default;
152
- $carbon--cyan-20: #bae6ff !default;
153
- $carbon--cyan-30: #82cfff !default;
154
- $carbon--cyan-40: #33b1ff !default;
155
- $carbon--cyan-50: #1192e8 !default;
156
- $carbon--cyan-60: #0072c3 !default;
157
- $carbon--cyan-70: #00539a !default;
158
- $carbon--cyan-80: #003a6d !default;
159
- $carbon--cyan-90: #012749 !default;
160
- $carbon--cyan-100: #061727 !default;
161
- $carbon--gray-10: #f4f4f4 !default;
162
- $carbon--gray-20: #e0e0e0 !default;
163
- $carbon--gray-30: #c6c6c6 !default;
164
- $carbon--gray-40: #a8a8a8 !default;
165
- $carbon--gray-50: #8d8d8d !default;
166
- $carbon--gray-60: #6f6f6f !default;
167
- $carbon--gray-70: #525252 !default;
168
- $carbon--gray-80: #393939 !default;
169
- $carbon--gray-90: #262626 !default;
170
- $carbon--gray-100: #161616 !default;
171
- $carbon--green-10: #defbe6 !default;
172
- $carbon--green-20: #a7f0ba !default;
173
- $carbon--green-30: #6fdc8c !default;
174
- $carbon--green-40: #42be65 !default;
175
- $carbon--green-50: #24a148 !default;
176
- $carbon--green-60: #198038 !default;
177
- $carbon--green-70: #0e6027 !default;
178
- $carbon--green-80: #044317 !default;
179
- $carbon--green-90: #022d0d !default;
180
- $carbon--green-100: #071908 !default;
181
- $carbon--magenta-10: #fff0f7 !default;
182
- $carbon--magenta-20: #ffd6e8 !default;
183
- $carbon--magenta-30: #ffafd2 !default;
184
- $carbon--magenta-40: #ff7eb6 !default;
185
- $carbon--magenta-50: #ee5396 !default;
186
- $carbon--magenta-60: #d02670 !default;
187
- $carbon--magenta-70: #9f1853 !default;
188
- $carbon--magenta-80: #740937 !default;
189
- $carbon--magenta-90: #510224 !default;
190
- $carbon--magenta-100: #2a0a18 !default;
191
- $carbon--orange-10: #fff2e8 !default;
192
- $carbon--orange-20: #ffd9be !default;
193
- $carbon--orange-30: #ffb784 !default;
194
- $carbon--orange-40: #ff832b !default;
195
- $carbon--orange-50: #eb6200 !default;
196
- $carbon--orange-60: #ba4e00 !default;
197
- $carbon--orange-70: #8a3800 !default;
198
- $carbon--orange-80: #5e2900 !default;
199
- $carbon--orange-90: #3e1a00 !default;
200
- $carbon--orange-100: #231000 !default;
201
- $carbon--purple-10: #f6f2ff !default;
202
- $carbon--purple-20: #e8daff !default;
203
- $carbon--purple-30: #d4bbff !default;
204
- $carbon--purple-40: #be95ff !default;
205
- $carbon--purple-50: #a56eff !default;
206
- $carbon--purple-60: #8a3ffc !default;
207
- $carbon--purple-70: #6929c4 !default;
208
- $carbon--purple-80: #491d8b !default;
209
- $carbon--purple-90: #31135e !default;
210
- $carbon--purple-100: #1c0f30 !default;
211
- $carbon--red-10: #fff1f1 !default;
212
- $carbon--red-20: #ffd7d9 !default;
213
- $carbon--red-30: #ffb3b8 !default;
214
- $carbon--red-40: #ff8389 !default;
215
- $carbon--red-50: #fa4d56 !default;
216
- $carbon--red-60: #da1e28 !default;
217
- $carbon--red-70: #a2191f !default;
218
- $carbon--red-80: #750e13 !default;
219
- $carbon--red-90: #520408 !default;
220
- $carbon--red-100: #2d0709 !default;
221
- $carbon--teal-10: #d9fbfb !default;
222
- $carbon--teal-20: #9ef0f0 !default;
223
- $carbon--teal-30: #3ddbd9 !default;
224
- $carbon--teal-40: #08bdba !default;
225
- $carbon--teal-50: #009d9a !default;
226
- $carbon--teal-60: #007d79 !default;
227
- $carbon--teal-70: #005d5d !default;
228
- $carbon--teal-80: #004144 !default;
229
- $carbon--teal-90: #022b30 !default;
230
- $carbon--teal-100: #081a1c !default;
231
- $carbon--warm-gray-10: #f7f3f2 !default;
232
- $carbon--warm-gray-20: #e5e0df !default;
233
- $carbon--warm-gray-30: #cac5c4 !default;
234
- $carbon--warm-gray-40: #ada8a8 !default;
235
- $carbon--warm-gray-50: #8f8b8b !default;
236
- $carbon--warm-gray-60: #726e6e !default;
237
- $carbon--warm-gray-70: #565151 !default;
238
- $carbon--warm-gray-80: #3c3838 !default;
239
- $carbon--warm-gray-90: #272525 !default;
240
- $carbon--warm-gray-100: #171414 !default;
241
- $carbon--white-0: #ffffff !default;
242
- $carbon--yellow-10: #fcf4d6 !default;
243
- $carbon--yellow-20: #fddc69 !default;
244
- $carbon--yellow-30: #f1c21b !default;
245
- $carbon--yellow-40: #d2a106 !default;
246
- $carbon--yellow-50: #b28600 !default;
247
- $carbon--yellow-60: #8e6a00 !default;
248
- $carbon--yellow-70: #684e00 !default;
249
- $carbon--yellow-80: #483700 !default;
250
- $carbon--yellow-90: #302400 !default;
251
- $carbon--yellow-100: #1c1500 !default;
252
- $black-100: #000000 !default;
253
- $blue-10: #edf5ff !default;
254
- $blue-20: #d0e2ff !default;
255
- $blue-30: #a6c8ff !default;
256
- $blue-40: #78a9ff !default;
257
- $blue-50: #4589ff !default;
258
- $blue-60: #0f62fe !default;
259
- $blue-70: #0043ce !default;
260
- $blue-80: #002d9c !default;
261
- $blue-90: #001d6c !default;
262
- $blue-100: #001141 !default;
263
- $cool-gray-10: #f2f4f8 !default;
264
- $cool-gray-20: #dde1e6 !default;
265
- $cool-gray-30: #c1c7cd !default;
266
- $cool-gray-40: #a2a9b0 !default;
267
- $cool-gray-50: #878d96 !default;
268
- $cool-gray-60: #697077 !default;
269
- $cool-gray-70: #4d5358 !default;
270
- $cool-gray-80: #343a3f !default;
271
- $cool-gray-90: #21272a !default;
272
- $cool-gray-100: #121619 !default;
273
- $cyan-10: #e5f6ff !default;
274
- $cyan-20: #bae6ff !default;
275
- $cyan-30: #82cfff !default;
276
- $cyan-40: #33b1ff !default;
277
- $cyan-50: #1192e8 !default;
278
- $cyan-60: #0072c3 !default;
279
- $cyan-70: #00539a !default;
280
- $cyan-80: #003a6d !default;
281
- $cyan-90: #012749 !default;
282
- $cyan-100: #061727 !default;
283
- $gray-10: #f4f4f4 !default;
284
- $gray-20: #e0e0e0 !default;
285
- $gray-30: #c6c6c6 !default;
286
- $gray-40: #a8a8a8 !default;
287
- $gray-50: #8d8d8d !default;
288
- $gray-60: #6f6f6f !default;
289
- $gray-70: #525252 !default;
290
- $gray-80: #393939 !default;
291
- $gray-90: #262626 !default;
292
- $gray-100: #161616 !default;
293
- $green-10: #defbe6 !default;
294
- $green-20: #a7f0ba !default;
295
- $green-30: #6fdc8c !default;
296
- $green-40: #42be65 !default;
297
- $green-50: #24a148 !default;
298
- $green-60: #198038 !default;
299
- $green-70: #0e6027 !default;
300
- $green-80: #044317 !default;
301
- $green-90: #022d0d !default;
302
- $green-100: #071908 !default;
303
- $magenta-10: #fff0f7 !default;
304
- $magenta-20: #ffd6e8 !default;
305
- $magenta-30: #ffafd2 !default;
306
- $magenta-40: #ff7eb6 !default;
307
- $magenta-50: #ee5396 !default;
308
- $magenta-60: #d02670 !default;
309
- $magenta-70: #9f1853 !default;
310
- $magenta-80: #740937 !default;
311
- $magenta-90: #510224 !default;
312
- $magenta-100: #2a0a18 !default;
313
- $orange-10: #fff2e8 !default;
314
- $orange-20: #ffd9be !default;
315
- $orange-30: #ffb784 !default;
316
- $orange-40: #ff832b !default;
317
- $orange-50: #eb6200 !default;
318
- $orange-60: #ba4e00 !default;
319
- $orange-70: #8a3800 !default;
320
- $orange-80: #5e2900 !default;
321
- $orange-90: #3e1a00 !default;
322
- $orange-100: #231000 !default;
323
- $purple-10: #f6f2ff !default;
324
- $purple-20: #e8daff !default;
325
- $purple-30: #d4bbff !default;
326
- $purple-40: #be95ff !default;
327
- $purple-50: #a56eff !default;
328
- $purple-60: #8a3ffc !default;
329
- $purple-70: #6929c4 !default;
330
- $purple-80: #491d8b !default;
331
- $purple-90: #31135e !default;
332
- $purple-100: #1c0f30 !default;
333
- $red-10: #fff1f1 !default;
334
- $red-20: #ffd7d9 !default;
335
- $red-30: #ffb3b8 !default;
336
- $red-40: #ff8389 !default;
337
- $red-50: #fa4d56 !default;
338
- $red-60: #da1e28 !default;
339
- $red-70: #a2191f !default;
340
- $red-80: #750e13 !default;
341
- $red-90: #520408 !default;
342
- $red-100: #2d0709 !default;
343
- $teal-10: #d9fbfb !default;
344
- $teal-20: #9ef0f0 !default;
345
- $teal-30: #3ddbd9 !default;
346
- $teal-40: #08bdba !default;
347
- $teal-50: #009d9a !default;
348
- $teal-60: #007d79 !default;
349
- $teal-70: #005d5d !default;
350
- $teal-80: #004144 !default;
351
- $teal-90: #022b30 !default;
352
- $teal-100: #081a1c !default;
353
- $warm-gray-10: #f7f3f2 !default;
354
- $warm-gray-20: #e5e0df !default;
355
- $warm-gray-30: #cac5c4 !default;
356
- $warm-gray-40: #ada8a8 !default;
357
- $warm-gray-50: #8f8b8b !default;
358
- $warm-gray-60: #726e6e !default;
359
- $warm-gray-70: #565151 !default;
360
- $warm-gray-80: #3c3838 !default;
361
- $warm-gray-90: #272525 !default;
362
- $warm-gray-100: #171414 !default;
363
- $white-0: #ffffff !default;
364
- $yellow-10: #fcf4d6 !default;
365
- $yellow-20: #fddc69 !default;
366
- $yellow-30: #f1c21b !default;
367
- $yellow-40: #d2a106 !default;
368
- $yellow-50: #b28600 !default;
369
- $yellow-60: #8e6a00 !default;
370
- $yellow-70: #684e00 !default;
371
- $yellow-80: #483700 !default;
372
- $yellow-90: #302400 !default;
373
- $yellow-100: #1c1500 !default;
374
- $white-hover: #e8e8e8 !default;
375
- $black-hover: #212121 !default;
376
- $blue-10-hover: #dbebff !default;
377
- $blue-20-hover: #b8d3ff !default;
378
- $blue-30-hover: #8ab6ff !default;
379
- $blue-40-hover: #5c97ff !default;
380
- $blue-50-hover: #1f70ff !default;
381
- $blue-60-hover: #0050e6 !default;
382
- $blue-70-hover: #0053ff !default;
383
- $blue-80-hover: #0039c7 !default;
384
- $blue-90-hover: #00258a !default;
385
- $blue-100-hover: #001f75 !default;
386
- $cool-gray-10-hover: #e4e9f1 !default;
387
- $cool-gray-20-hover: #cdd3da !default;
388
- $cool-gray-30-hover: #adb5bd !default;
389
- $cool-gray-40-hover: #9199a1 !default;
390
- $cool-gray-50-hover: #757b85 !default;
391
- $cool-gray-60-hover: #585e64 !default;
392
- $cool-gray-70-hover: #5d646a !default;
393
- $cool-gray-80-hover: #434a51 !default;
394
- $cool-gray-90-hover: #2b3236 !default;
395
- $cool-gray-100-hover: #222a2f !default;
396
- $cyan-10-hover: #cceeff !default;
397
- $cyan-20-hover: #99daff !default;
398
- $cyan-30-hover: #57beff !default;
399
- $cyan-40-hover: #059fff !default;
400
- $cyan-50-hover: #0f7ec8 !default;
401
- $cyan-60-hover: #005fa3 !default;
402
- $cyan-70-hover: #0066bd !default;
403
- $cyan-80-hover: #00498a !default;
404
- $cyan-90-hover: #013360 !default;
405
- $cyan-100-hover: #0b2947 !default;
406
- $gray-10-hover: #e8e8e8 !default;
407
- $gray-20-hover: #d1d1d1 !default;
408
- $gray-30-hover: #b5b5b5 !default;
409
- $gray-40-hover: #999999 !default;
410
- $gray-50-hover: #7a7a7a !default;
411
- $gray-60-hover: #5e5e5e !default;
412
- $gray-70-hover: #636363 !default;
413
- $gray-80-hover: #474747 !default;
414
- $gray-90-hover: #333333 !default;
415
- $gray-100-hover: #292929 !default;
416
- $green-10-hover: #b6f6c8 !default;
417
- $green-20-hover: #74e792 !default;
418
- $green-30-hover: #36ce5e !default;
419
- $green-40-hover: #3bab5a !default;
420
- $green-50-hover: #208e3f !default;
421
- $green-60-hover: #166f31 !default;
422
- $green-70-hover: #11742f !default;
423
- $green-80-hover: #05521c !default;
424
- $green-90-hover: #033b11 !default;
425
- $green-100-hover: #0d300f !default;
426
- $magenta-10-hover: #ffe0ef !default;
427
- $magenta-20-hover: #ffbdda !default;
428
- $magenta-30-hover: #ff94c3 !default;
429
- $magenta-40-hover: #ff57a0 !default;
430
- $magenta-50-hover: #e3176f !default;
431
- $magenta-60-hover: #b0215f !default;
432
- $magenta-70-hover: #bf1d63 !default;
433
- $magenta-80-hover: #8e0b43 !default;
434
- $magenta-90-hover: #68032e !default;
435
- $magenta-100-hover: #53142f !default;
436
- $orange-10-hover: #ffe2cc !default;
437
- $orange-20-hover: #ffc69e !default;
438
- $orange-30-hover: #ff9d57 !default;
439
- $orange-40-hover: #fa6800 !default;
440
- $orange-50-hover: #cc5500 !default;
441
- $orange-60-hover: #9e4200 !default;
442
- $orange-70-hover: #a84400 !default;
443
- $orange-80-hover: #753300 !default;
444
- $orange-90-hover: #522200 !default;
445
- $orange-100-hover: #421e00 !default;
446
- $purple-10-hover: #ede5ff !default;
447
- $purple-20-hover: #dcc7ff !default;
448
- $purple-30-hover: #c5a3ff !default;
449
- $purple-40-hover: #ae7aff !default;
450
- $purple-50-hover: #9352ff !default;
451
- $purple-60-hover: #7822fb !default;
452
- $purple-70-hover: #7c3dd6 !default;
453
- $purple-80-hover: #5b24ad !default;
454
- $purple-90-hover: #40197b !default;
455
- $purple-100-hover: #341c59 !default;
456
- $red-10-hover: #ffe0e0 !default;
457
- $red-20-hover: #ffc2c5 !default;
458
- $red-30-hover: #ff99a0 !default;
459
- $red-40-hover: #ff6168 !default;
460
- $red-50-hover: #ee0713 !default;
461
- $red-60-hover: #b81922 !default;
462
- $red-70-hover: #c21e25 !default;
463
- $red-80-hover: #921118 !default;
464
- $red-90-hover: #66050a !default;
465
- $red-100-hover: #540d11 !default;
466
- $teal-10-hover: #acf6f6 !default;
467
- $teal-20-hover: #57e5e5 !default;
468
- $teal-30-hover: #25cac8 !default;
469
- $teal-40-hover: #07aba9 !default;
470
- $teal-50-hover: #008a87 !default;
471
- $teal-60-hover: #006b68 !default;
472
- $teal-70-hover: #007070 !default;
473
- $teal-80-hover: #005357 !default;
474
- $teal-90-hover: #033940 !default;
475
- $teal-100-hover: #0f3034 !default;
476
- $warm-gray-10-hover: #f0e8e6 !default;
477
- $warm-gray-20-hover: #d8d0cf !default;
478
- $warm-gray-30-hover: #b9b3b1 !default;
479
- $warm-gray-40-hover: #9c9696 !default;
480
- $warm-gray-50-hover: #7f7b7b !default;
481
- $warm-gray-60-hover: #605d5d !default;
482
- $warm-gray-70-hover: #696363 !default;
483
- $warm-gray-80-hover: #4c4848 !default;
484
- $warm-gray-90-hover: #343232 !default;
485
- $warm-gray-100-hover: #2c2626 !default;
486
- $yellow-10-hover: #f8e6a0 !default;
487
- $yellow-20-hover: #fccd27 !default;
488
- $yellow-30-hover: #ddb00e !default;
489
- $yellow-40-hover: #bc9005 !default;
490
- $yellow-50-hover: #9e7700 !default;
491
- $yellow-60-hover: #755800 !default;
492
- $yellow-70-hover: #806000 !default;
493
- $yellow-80-hover: #5c4600 !default;
494
- $yellow-90-hover: #3d2e00 !default;
495
- $yellow-100-hover: #332600 !default;
496
- $ibm-color-map: (
497
- 'black': (
498
- 100: #000000,
499
- ),
500
- 'blue': (
501
- 10: #edf5ff,
502
- 20: #d0e2ff,
503
- 30: #a6c8ff,
504
- 40: #78a9ff,
505
- 50: #4589ff,
506
- 60: #0f62fe,
507
- 70: #0043ce,
508
- 80: #002d9c,
509
- 90: #001d6c,
510
- 100: #001141,
511
- ),
512
- 'cool-gray': (
513
- 10: #f2f4f8,
514
- 20: #dde1e6,
515
- 30: #c1c7cd,
516
- 40: #a2a9b0,
517
- 50: #878d96,
518
- 60: #697077,
519
- 70: #4d5358,
520
- 80: #343a3f,
521
- 90: #21272a,
522
- 100: #121619,
523
- ),
524
- 'coolGray': (
525
- 10: #f2f4f8,
526
- 20: #dde1e6,
527
- 30: #c1c7cd,
528
- 40: #a2a9b0,
529
- 50: #878d96,
530
- 60: #697077,
531
- 70: #4d5358,
532
- 80: #343a3f,
533
- 90: #21272a,
534
- 100: #121619,
535
- ),
536
- 'cyan': (
537
- 10: #e5f6ff,
538
- 20: #bae6ff,
539
- 30: #82cfff,
540
- 40: #33b1ff,
541
- 50: #1192e8,
542
- 60: #0072c3,
543
- 70: #00539a,
544
- 80: #003a6d,
545
- 90: #012749,
546
- 100: #061727,
547
- ),
548
- 'gray': (
549
- 10: #f4f4f4,
550
- 20: #e0e0e0,
551
- 30: #c6c6c6,
552
- 40: #a8a8a8,
553
- 50: #8d8d8d,
554
- 60: #6f6f6f,
555
- 70: #525252,
556
- 80: #393939,
557
- 90: #262626,
558
- 100: #161616,
559
- ),
560
- 'green': (
561
- 10: #defbe6,
562
- 20: #a7f0ba,
563
- 30: #6fdc8c,
564
- 40: #42be65,
565
- 50: #24a148,
566
- 60: #198038,
567
- 70: #0e6027,
568
- 80: #044317,
569
- 90: #022d0d,
570
- 100: #071908,
571
- ),
572
- 'magenta': (
573
- 10: #fff0f7,
574
- 20: #ffd6e8,
575
- 30: #ffafd2,
576
- 40: #ff7eb6,
577
- 50: #ee5396,
578
- 60: #d02670,
579
- 70: #9f1853,
580
- 80: #740937,
581
- 90: #510224,
582
- 100: #2a0a18,
583
- ),
584
- 'orange': (
585
- 10: #fff2e8,
586
- 20: #ffd9be,
587
- 30: #ffb784,
588
- 40: #ff832b,
589
- 50: #eb6200,
590
- 60: #ba4e00,
591
- 70: #8a3800,
592
- 80: #5e2900,
593
- 90: #3e1a00,
594
- 100: #231000,
595
- ),
596
- 'purple': (
597
- 10: #f6f2ff,
598
- 20: #e8daff,
599
- 30: #d4bbff,
600
- 40: #be95ff,
601
- 50: #a56eff,
602
- 60: #8a3ffc,
603
- 70: #6929c4,
604
- 80: #491d8b,
605
- 90: #31135e,
606
- 100: #1c0f30,
607
- ),
608
- 'red': (
609
- 10: #fff1f1,
610
- 20: #ffd7d9,
611
- 30: #ffb3b8,
612
- 40: #ff8389,
613
- 50: #fa4d56,
614
- 60: #da1e28,
615
- 70: #a2191f,
616
- 80: #750e13,
617
- 90: #520408,
618
- 100: #2d0709,
619
- ),
620
- 'teal': (
621
- 10: #d9fbfb,
622
- 20: #9ef0f0,
623
- 30: #3ddbd9,
624
- 40: #08bdba,
625
- 50: #009d9a,
626
- 60: #007d79,
627
- 70: #005d5d,
628
- 80: #004144,
629
- 90: #022b30,
630
- 100: #081a1c,
631
- ),
632
- 'warm-gray': (
633
- 10: #f7f3f2,
634
- 20: #e5e0df,
635
- 30: #cac5c4,
636
- 40: #ada8a8,
637
- 50: #8f8b8b,
638
- 60: #726e6e,
639
- 70: #565151,
640
- 80: #3c3838,
641
- 90: #272525,
642
- 100: #171414,
643
- ),
644
- 'warmGray': (
645
- 10: #f7f3f2,
646
- 20: #e5e0df,
647
- 30: #cac5c4,
648
- 40: #ada8a8,
649
- 50: #8f8b8b,
650
- 60: #726e6e,
651
- 70: #565151,
652
- 80: #3c3838,
653
- 90: #272525,
654
- 100: #171414,
655
- ),
656
- 'white': (
657
- 0: #ffffff,
658
- ),
659
- 'yellow': (
660
- 10: #fcf4d6,
661
- 20: #fddc69,
662
- 30: #f1c21b,
663
- 40: #d2a106,
664
- 50: #b28600,
665
- 60: #8e6a00,
666
- 70: #684e00,
667
- 80: #483700,
668
- 90: #302400,
669
- 100: #1c1500,
670
- ),
671
- ) !default;
672
- $carbon--colors: (
673
- 'black': (
674
- 100: #000000,
675
- ),
676
- 'blue': (
677
- 10: #edf5ff,
678
- 20: #d0e2ff,
679
- 30: #a6c8ff,
680
- 40: #78a9ff,
681
- 50: #4589ff,
682
- 60: #0f62fe,
683
- 70: #0043ce,
684
- 80: #002d9c,
685
- 90: #001d6c,
686
- 100: #001141,
687
- ),
688
- 'cool-gray': (
689
- 10: #f2f4f8,
690
- 20: #dde1e6,
691
- 30: #c1c7cd,
692
- 40: #a2a9b0,
693
- 50: #878d96,
694
- 60: #697077,
695
- 70: #4d5358,
696
- 80: #343a3f,
697
- 90: #21272a,
698
- 100: #121619,
699
- ),
700
- 'coolGray': (
701
- 10: #f2f4f8,
702
- 20: #dde1e6,
703
- 30: #c1c7cd,
704
- 40: #a2a9b0,
705
- 50: #878d96,
706
- 60: #697077,
707
- 70: #4d5358,
708
- 80: #343a3f,
709
- 90: #21272a,
710
- 100: #121619,
711
- ),
712
- 'cyan': (
713
- 10: #e5f6ff,
714
- 20: #bae6ff,
715
- 30: #82cfff,
716
- 40: #33b1ff,
717
- 50: #1192e8,
718
- 60: #0072c3,
719
- 70: #00539a,
720
- 80: #003a6d,
721
- 90: #012749,
722
- 100: #061727,
723
- ),
724
- 'gray': (
725
- 10: #f4f4f4,
726
- 20: #e0e0e0,
727
- 30: #c6c6c6,
728
- 40: #a8a8a8,
729
- 50: #8d8d8d,
730
- 60: #6f6f6f,
731
- 70: #525252,
732
- 80: #393939,
733
- 90: #262626,
734
- 100: #161616,
735
- ),
736
- 'green': (
737
- 10: #defbe6,
738
- 20: #a7f0ba,
739
- 30: #6fdc8c,
740
- 40: #42be65,
741
- 50: #24a148,
742
- 60: #198038,
743
- 70: #0e6027,
744
- 80: #044317,
745
- 90: #022d0d,
746
- 100: #071908,
747
- ),
748
- 'magenta': (
749
- 10: #fff0f7,
750
- 20: #ffd6e8,
751
- 30: #ffafd2,
752
- 40: #ff7eb6,
753
- 50: #ee5396,
754
- 60: #d02670,
755
- 70: #9f1853,
756
- 80: #740937,
757
- 90: #510224,
758
- 100: #2a0a18,
759
- ),
760
- 'orange': (
761
- 10: #fff2e8,
762
- 20: #ffd9be,
763
- 30: #ffb784,
764
- 40: #ff832b,
765
- 50: #eb6200,
766
- 60: #ba4e00,
767
- 70: #8a3800,
768
- 80: #5e2900,
769
- 90: #3e1a00,
770
- 100: #231000,
771
- ),
772
- 'purple': (
773
- 10: #f6f2ff,
774
- 20: #e8daff,
775
- 30: #d4bbff,
776
- 40: #be95ff,
777
- 50: #a56eff,
778
- 60: #8a3ffc,
779
- 70: #6929c4,
780
- 80: #491d8b,
781
- 90: #31135e,
782
- 100: #1c0f30,
783
- ),
784
- 'red': (
785
- 10: #fff1f1,
786
- 20: #ffd7d9,
787
- 30: #ffb3b8,
788
- 40: #ff8389,
789
- 50: #fa4d56,
790
- 60: #da1e28,
791
- 70: #a2191f,
792
- 80: #750e13,
793
- 90: #520408,
794
- 100: #2d0709,
795
- ),
796
- 'teal': (
797
- 10: #d9fbfb,
798
- 20: #9ef0f0,
799
- 30: #3ddbd9,
800
- 40: #08bdba,
801
- 50: #009d9a,
802
- 60: #007d79,
803
- 70: #005d5d,
804
- 80: #004144,
805
- 90: #022b30,
806
- 100: #081a1c,
807
- ),
808
- 'warm-gray': (
809
- 10: #f7f3f2,
810
- 20: #e5e0df,
811
- 30: #cac5c4,
812
- 40: #ada8a8,
813
- 50: #8f8b8b,
814
- 60: #726e6e,
815
- 70: #565151,
816
- 80: #3c3838,
817
- 90: #272525,
818
- 100: #171414,
819
- ),
820
- 'warmGray': (
821
- 10: #f7f3f2,
822
- 20: #e5e0df,
823
- 30: #cac5c4,
824
- 40: #ada8a8,
825
- 50: #8f8b8b,
826
- 60: #726e6e,
827
- 70: #565151,
828
- 80: #3c3838,
829
- 90: #272525,
830
- 100: #171414,
831
- ),
832
- 'white': (
833
- 0: #ffffff,
834
- ),
835
- 'yellow': (
836
- 10: #fcf4d6,
837
- 20: #fddc69,
838
- 30: #f1c21b,
839
- 40: #d2a106,
840
- 50: #b28600,
841
- 60: #8e6a00,
842
- 70: #684e00,
843
- 80: #483700,
844
- 90: #302400,
845
- 100: #1c1500,
846
- ),
847
- ) !default;
848
-
849
- /// Define color variables
850
- /// @access public
851
- /// @group @carbon/colors
852
- /// @deprecated Use `$carbon--colors` going forward
853
- @mixin ibm--colors() {
854
- $ibm-color__black-100: #000000 !global;
855
- $ibm-color__blue-10: #edf5ff !global;
856
- $ibm-color__blue-20: #d0e2ff !global;
857
- $ibm-color__blue-30: #a6c8ff !global;
858
- $ibm-color__blue-40: #78a9ff !global;
859
- $ibm-color__blue-50: #4589ff !global;
860
- $ibm-color__blue-60: #0f62fe !global;
861
- $ibm-color__blue-70: #0043ce !global;
862
- $ibm-color__blue-80: #002d9c !global;
863
- $ibm-color__blue-90: #001d6c !global;
864
- $ibm-color__blue-100: #001141 !global;
865
- $ibm-color__cool-gray-10: #f2f4f8 !global;
866
- $ibm-color__cool-gray-20: #dde1e6 !global;
867
- $ibm-color__cool-gray-30: #c1c7cd !global;
868
- $ibm-color__cool-gray-40: #a2a9b0 !global;
869
- $ibm-color__cool-gray-50: #878d96 !global;
870
- $ibm-color__cool-gray-60: #697077 !global;
871
- $ibm-color__cool-gray-70: #4d5358 !global;
872
- $ibm-color__cool-gray-80: #343a3f !global;
873
- $ibm-color__cool-gray-90: #21272a !global;
874
- $ibm-color__cool-gray-100: #121619 !global;
875
- $ibm-color__cyan-10: #e5f6ff !global;
876
- $ibm-color__cyan-20: #bae6ff !global;
877
- $ibm-color__cyan-30: #82cfff !global;
878
- $ibm-color__cyan-40: #33b1ff !global;
879
- $ibm-color__cyan-50: #1192e8 !global;
880
- $ibm-color__cyan-60: #0072c3 !global;
881
- $ibm-color__cyan-70: #00539a !global;
882
- $ibm-color__cyan-80: #003a6d !global;
883
- $ibm-color__cyan-90: #012749 !global;
884
- $ibm-color__cyan-100: #061727 !global;
885
- $ibm-color__gray-10: #f4f4f4 !global;
886
- $ibm-color__gray-20: #e0e0e0 !global;
887
- $ibm-color__gray-30: #c6c6c6 !global;
888
- $ibm-color__gray-40: #a8a8a8 !global;
889
- $ibm-color__gray-50: #8d8d8d !global;
890
- $ibm-color__gray-60: #6f6f6f !global;
891
- $ibm-color__gray-70: #525252 !global;
892
- $ibm-color__gray-80: #393939 !global;
893
- $ibm-color__gray-90: #262626 !global;
894
- $ibm-color__gray-100: #161616 !global;
895
- $ibm-color__green-10: #defbe6 !global;
896
- $ibm-color__green-20: #a7f0ba !global;
897
- $ibm-color__green-30: #6fdc8c !global;
898
- $ibm-color__green-40: #42be65 !global;
899
- $ibm-color__green-50: #24a148 !global;
900
- $ibm-color__green-60: #198038 !global;
901
- $ibm-color__green-70: #0e6027 !global;
902
- $ibm-color__green-80: #044317 !global;
903
- $ibm-color__green-90: #022d0d !global;
904
- $ibm-color__green-100: #071908 !global;
905
- $ibm-color__magenta-10: #fff0f7 !global;
906
- $ibm-color__magenta-20: #ffd6e8 !global;
907
- $ibm-color__magenta-30: #ffafd2 !global;
908
- $ibm-color__magenta-40: #ff7eb6 !global;
909
- $ibm-color__magenta-50: #ee5396 !global;
910
- $ibm-color__magenta-60: #d02670 !global;
911
- $ibm-color__magenta-70: #9f1853 !global;
912
- $ibm-color__magenta-80: #740937 !global;
913
- $ibm-color__magenta-90: #510224 !global;
914
- $ibm-color__magenta-100: #2a0a18 !global;
915
- $ibm-color__orange-10: #fff2e8 !global;
916
- $ibm-color__orange-20: #ffd9be !global;
917
- $ibm-color__orange-30: #ffb784 !global;
918
- $ibm-color__orange-40: #ff832b !global;
919
- $ibm-color__orange-50: #eb6200 !global;
920
- $ibm-color__orange-60: #ba4e00 !global;
921
- $ibm-color__orange-70: #8a3800 !global;
922
- $ibm-color__orange-80: #5e2900 !global;
923
- $ibm-color__orange-90: #3e1a00 !global;
924
- $ibm-color__orange-100: #231000 !global;
925
- $ibm-color__purple-10: #f6f2ff !global;
926
- $ibm-color__purple-20: #e8daff !global;
927
- $ibm-color__purple-30: #d4bbff !global;
928
- $ibm-color__purple-40: #be95ff !global;
929
- $ibm-color__purple-50: #a56eff !global;
930
- $ibm-color__purple-60: #8a3ffc !global;
931
- $ibm-color__purple-70: #6929c4 !global;
932
- $ibm-color__purple-80: #491d8b !global;
933
- $ibm-color__purple-90: #31135e !global;
934
- $ibm-color__purple-100: #1c0f30 !global;
935
- $ibm-color__red-10: #fff1f1 !global;
936
- $ibm-color__red-20: #ffd7d9 !global;
937
- $ibm-color__red-30: #ffb3b8 !global;
938
- $ibm-color__red-40: #ff8389 !global;
939
- $ibm-color__red-50: #fa4d56 !global;
940
- $ibm-color__red-60: #da1e28 !global;
941
- $ibm-color__red-70: #a2191f !global;
942
- $ibm-color__red-80: #750e13 !global;
943
- $ibm-color__red-90: #520408 !global;
944
- $ibm-color__red-100: #2d0709 !global;
945
- $ibm-color__teal-10: #d9fbfb !global;
946
- $ibm-color__teal-20: #9ef0f0 !global;
947
- $ibm-color__teal-30: #3ddbd9 !global;
948
- $ibm-color__teal-40: #08bdba !global;
949
- $ibm-color__teal-50: #009d9a !global;
950
- $ibm-color__teal-60: #007d79 !global;
951
- $ibm-color__teal-70: #005d5d !global;
952
- $ibm-color__teal-80: #004144 !global;
953
- $ibm-color__teal-90: #022b30 !global;
954
- $ibm-color__teal-100: #081a1c !global;
955
- $ibm-color__warm-gray-10: #f7f3f2 !global;
956
- $ibm-color__warm-gray-20: #e5e0df !global;
957
- $ibm-color__warm-gray-30: #cac5c4 !global;
958
- $ibm-color__warm-gray-40: #ada8a8 !global;
959
- $ibm-color__warm-gray-50: #8f8b8b !global;
960
- $ibm-color__warm-gray-60: #726e6e !global;
961
- $ibm-color__warm-gray-70: #565151 !global;
962
- $ibm-color__warm-gray-80: #3c3838 !global;
963
- $ibm-color__warm-gray-90: #272525 !global;
964
- $ibm-color__warm-gray-100: #171414 !global;
965
- $ibm-color__white-0: #ffffff !global;
966
- $ibm-color__yellow-10: #fcf4d6 !global;
967
- $ibm-color__yellow-20: #fddc69 !global;
968
- $ibm-color__yellow-30: #f1c21b !global;
969
- $ibm-color__yellow-40: #d2a106 !global;
970
- $ibm-color__yellow-50: #b28600 !global;
971
- $ibm-color__yellow-60: #8e6a00 !global;
972
- $ibm-color__yellow-70: #684e00 !global;
973
- $ibm-color__yellow-80: #483700 !global;
974
- $ibm-color__yellow-90: #302400 !global;
975
- $ibm-color__yellow-100: #1c1500 !global;
976
- $ibm-color-map: (
977
- 'black': (
978
- 100: #000000,
979
- ),
980
- 'blue': (
981
- 10: #edf5ff,
982
- 20: #d0e2ff,
983
- 30: #a6c8ff,
984
- 40: #78a9ff,
985
- 50: #4589ff,
986
- 60: #0f62fe,
987
- 70: #0043ce,
988
- 80: #002d9c,
989
- 90: #001d6c,
990
- 100: #001141,
991
- ),
992
- 'cool-gray': (
993
- 10: #f2f4f8,
994
- 20: #dde1e6,
995
- 30: #c1c7cd,
996
- 40: #a2a9b0,
997
- 50: #878d96,
998
- 60: #697077,
999
- 70: #4d5358,
1000
- 80: #343a3f,
1001
- 90: #21272a,
1002
- 100: #121619,
1003
- ),
1004
- 'coolGray': (
1005
- 10: #f2f4f8,
1006
- 20: #dde1e6,
1007
- 30: #c1c7cd,
1008
- 40: #a2a9b0,
1009
- 50: #878d96,
1010
- 60: #697077,
1011
- 70: #4d5358,
1012
- 80: #343a3f,
1013
- 90: #21272a,
1014
- 100: #121619,
1015
- ),
1016
- 'cyan': (
1017
- 10: #e5f6ff,
1018
- 20: #bae6ff,
1019
- 30: #82cfff,
1020
- 40: #33b1ff,
1021
- 50: #1192e8,
1022
- 60: #0072c3,
1023
- 70: #00539a,
1024
- 80: #003a6d,
1025
- 90: #012749,
1026
- 100: #061727,
1027
- ),
1028
- 'gray': (
1029
- 10: #f4f4f4,
1030
- 20: #e0e0e0,
1031
- 30: #c6c6c6,
1032
- 40: #a8a8a8,
1033
- 50: #8d8d8d,
1034
- 60: #6f6f6f,
1035
- 70: #525252,
1036
- 80: #393939,
1037
- 90: #262626,
1038
- 100: #161616,
1039
- ),
1040
- 'green': (
1041
- 10: #defbe6,
1042
- 20: #a7f0ba,
1043
- 30: #6fdc8c,
1044
- 40: #42be65,
1045
- 50: #24a148,
1046
- 60: #198038,
1047
- 70: #0e6027,
1048
- 80: #044317,
1049
- 90: #022d0d,
1050
- 100: #071908,
1051
- ),
1052
- 'magenta': (
1053
- 10: #fff0f7,
1054
- 20: #ffd6e8,
1055
- 30: #ffafd2,
1056
- 40: #ff7eb6,
1057
- 50: #ee5396,
1058
- 60: #d02670,
1059
- 70: #9f1853,
1060
- 80: #740937,
1061
- 90: #510224,
1062
- 100: #2a0a18,
1063
- ),
1064
- 'orange': (
1065
- 10: #fff2e8,
1066
- 20: #ffd9be,
1067
- 30: #ffb784,
1068
- 40: #ff832b,
1069
- 50: #eb6200,
1070
- 60: #ba4e00,
1071
- 70: #8a3800,
1072
- 80: #5e2900,
1073
- 90: #3e1a00,
1074
- 100: #231000,
1075
- ),
1076
- 'purple': (
1077
- 10: #f6f2ff,
1078
- 20: #e8daff,
1079
- 30: #d4bbff,
1080
- 40: #be95ff,
1081
- 50: #a56eff,
1082
- 60: #8a3ffc,
1083
- 70: #6929c4,
1084
- 80: #491d8b,
1085
- 90: #31135e,
1086
- 100: #1c0f30,
1087
- ),
1088
- 'red': (
1089
- 10: #fff1f1,
1090
- 20: #ffd7d9,
1091
- 30: #ffb3b8,
1092
- 40: #ff8389,
1093
- 50: #fa4d56,
1094
- 60: #da1e28,
1095
- 70: #a2191f,
1096
- 80: #750e13,
1097
- 90: #520408,
1098
- 100: #2d0709,
1099
- ),
1100
- 'teal': (
1101
- 10: #d9fbfb,
1102
- 20: #9ef0f0,
1103
- 30: #3ddbd9,
1104
- 40: #08bdba,
1105
- 50: #009d9a,
1106
- 60: #007d79,
1107
- 70: #005d5d,
1108
- 80: #004144,
1109
- 90: #022b30,
1110
- 100: #081a1c,
1111
- ),
1112
- 'warm-gray': (
1113
- 10: #f7f3f2,
1114
- 20: #e5e0df,
1115
- 30: #cac5c4,
1116
- 40: #ada8a8,
1117
- 50: #8f8b8b,
1118
- 60: #726e6e,
1119
- 70: #565151,
1120
- 80: #3c3838,
1121
- 90: #272525,
1122
- 100: #171414,
1123
- ),
1124
- 'warmGray': (
1125
- 10: #f7f3f2,
1126
- 20: #e5e0df,
1127
- 30: #cac5c4,
1128
- 40: #ada8a8,
1129
- 50: #8f8b8b,
1130
- 60: #726e6e,
1131
- 70: #565151,
1132
- 80: #3c3838,
1133
- 90: #272525,
1134
- 100: #171414,
1135
- ),
1136
- 'white': (
1137
- 0: #ffffff,
1138
- ),
1139
- 'yellow': (
1140
- 10: #fcf4d6,
1141
- 20: #fddc69,
1142
- 30: #f1c21b,
1143
- 40: #d2a106,
1144
- 50: #b28600,
1145
- 60: #8e6a00,
1146
- 70: #684e00,
1147
- 80: #483700,
1148
- 90: #302400,
1149
- 100: #1c1500,
1150
- ),
1151
- ) !global;
1152
- }
1153
-
1154
- /// Define color variables
1155
- /// @access public
1156
- /// @group @carbon/colors
1157
- @mixin carbon--colors() {
1158
- $carbon--black-100: #000000 !global;
1159
- $carbon--blue-10: #edf5ff !global;
1160
- $carbon--blue-20: #d0e2ff !global;
1161
- $carbon--blue-30: #a6c8ff !global;
1162
- $carbon--blue-40: #78a9ff !global;
1163
- $carbon--blue-50: #4589ff !global;
1164
- $carbon--blue-60: #0f62fe !global;
1165
- $carbon--blue-70: #0043ce !global;
1166
- $carbon--blue-80: #002d9c !global;
1167
- $carbon--blue-90: #001d6c !global;
1168
- $carbon--blue-100: #001141 !global;
1169
- $carbon--cool-gray-10: #f2f4f8 !global;
1170
- $carbon--cool-gray-20: #dde1e6 !global;
1171
- $carbon--cool-gray-30: #c1c7cd !global;
1172
- $carbon--cool-gray-40: #a2a9b0 !global;
1173
- $carbon--cool-gray-50: #878d96 !global;
1174
- $carbon--cool-gray-60: #697077 !global;
1175
- $carbon--cool-gray-70: #4d5358 !global;
1176
- $carbon--cool-gray-80: #343a3f !global;
1177
- $carbon--cool-gray-90: #21272a !global;
1178
- $carbon--cool-gray-100: #121619 !global;
1179
- $carbon--cyan-10: #e5f6ff !global;
1180
- $carbon--cyan-20: #bae6ff !global;
1181
- $carbon--cyan-30: #82cfff !global;
1182
- $carbon--cyan-40: #33b1ff !global;
1183
- $carbon--cyan-50: #1192e8 !global;
1184
- $carbon--cyan-60: #0072c3 !global;
1185
- $carbon--cyan-70: #00539a !global;
1186
- $carbon--cyan-80: #003a6d !global;
1187
- $carbon--cyan-90: #012749 !global;
1188
- $carbon--cyan-100: #061727 !global;
1189
- $carbon--gray-10: #f4f4f4 !global;
1190
- $carbon--gray-20: #e0e0e0 !global;
1191
- $carbon--gray-30: #c6c6c6 !global;
1192
- $carbon--gray-40: #a8a8a8 !global;
1193
- $carbon--gray-50: #8d8d8d !global;
1194
- $carbon--gray-60: #6f6f6f !global;
1195
- $carbon--gray-70: #525252 !global;
1196
- $carbon--gray-80: #393939 !global;
1197
- $carbon--gray-90: #262626 !global;
1198
- $carbon--gray-100: #161616 !global;
1199
- $carbon--green-10: #defbe6 !global;
1200
- $carbon--green-20: #a7f0ba !global;
1201
- $carbon--green-30: #6fdc8c !global;
1202
- $carbon--green-40: #42be65 !global;
1203
- $carbon--green-50: #24a148 !global;
1204
- $carbon--green-60: #198038 !global;
1205
- $carbon--green-70: #0e6027 !global;
1206
- $carbon--green-80: #044317 !global;
1207
- $carbon--green-90: #022d0d !global;
1208
- $carbon--green-100: #071908 !global;
1209
- $carbon--magenta-10: #fff0f7 !global;
1210
- $carbon--magenta-20: #ffd6e8 !global;
1211
- $carbon--magenta-30: #ffafd2 !global;
1212
- $carbon--magenta-40: #ff7eb6 !global;
1213
- $carbon--magenta-50: #ee5396 !global;
1214
- $carbon--magenta-60: #d02670 !global;
1215
- $carbon--magenta-70: #9f1853 !global;
1216
- $carbon--magenta-80: #740937 !global;
1217
- $carbon--magenta-90: #510224 !global;
1218
- $carbon--magenta-100: #2a0a18 !global;
1219
- $carbon--orange-10: #fff2e8 !global;
1220
- $carbon--orange-20: #ffd9be !global;
1221
- $carbon--orange-30: #ffb784 !global;
1222
- $carbon--orange-40: #ff832b !global;
1223
- $carbon--orange-50: #eb6200 !global;
1224
- $carbon--orange-60: #ba4e00 !global;
1225
- $carbon--orange-70: #8a3800 !global;
1226
- $carbon--orange-80: #5e2900 !global;
1227
- $carbon--orange-90: #3e1a00 !global;
1228
- $carbon--orange-100: #231000 !global;
1229
- $carbon--purple-10: #f6f2ff !global;
1230
- $carbon--purple-20: #e8daff !global;
1231
- $carbon--purple-30: #d4bbff !global;
1232
- $carbon--purple-40: #be95ff !global;
1233
- $carbon--purple-50: #a56eff !global;
1234
- $carbon--purple-60: #8a3ffc !global;
1235
- $carbon--purple-70: #6929c4 !global;
1236
- $carbon--purple-80: #491d8b !global;
1237
- $carbon--purple-90: #31135e !global;
1238
- $carbon--purple-100: #1c0f30 !global;
1239
- $carbon--red-10: #fff1f1 !global;
1240
- $carbon--red-20: #ffd7d9 !global;
1241
- $carbon--red-30: #ffb3b8 !global;
1242
- $carbon--red-40: #ff8389 !global;
1243
- $carbon--red-50: #fa4d56 !global;
1244
- $carbon--red-60: #da1e28 !global;
1245
- $carbon--red-70: #a2191f !global;
1246
- $carbon--red-80: #750e13 !global;
1247
- $carbon--red-90: #520408 !global;
1248
- $carbon--red-100: #2d0709 !global;
1249
- $carbon--teal-10: #d9fbfb !global;
1250
- $carbon--teal-20: #9ef0f0 !global;
1251
- $carbon--teal-30: #3ddbd9 !global;
1252
- $carbon--teal-40: #08bdba !global;
1253
- $carbon--teal-50: #009d9a !global;
1254
- $carbon--teal-60: #007d79 !global;
1255
- $carbon--teal-70: #005d5d !global;
1256
- $carbon--teal-80: #004144 !global;
1257
- $carbon--teal-90: #022b30 !global;
1258
- $carbon--teal-100: #081a1c !global;
1259
- $carbon--warm-gray-10: #f7f3f2 !global;
1260
- $carbon--warm-gray-20: #e5e0df !global;
1261
- $carbon--warm-gray-30: #cac5c4 !global;
1262
- $carbon--warm-gray-40: #ada8a8 !global;
1263
- $carbon--warm-gray-50: #8f8b8b !global;
1264
- $carbon--warm-gray-60: #726e6e !global;
1265
- $carbon--warm-gray-70: #565151 !global;
1266
- $carbon--warm-gray-80: #3c3838 !global;
1267
- $carbon--warm-gray-90: #272525 !global;
1268
- $carbon--warm-gray-100: #171414 !global;
1269
- $carbon--white-0: #ffffff !global;
1270
- $carbon--yellow-10: #fcf4d6 !global;
1271
- $carbon--yellow-20: #fddc69 !global;
1272
- $carbon--yellow-30: #f1c21b !global;
1273
- $carbon--yellow-40: #d2a106 !global;
1274
- $carbon--yellow-50: #b28600 !global;
1275
- $carbon--yellow-60: #8e6a00 !global;
1276
- $carbon--yellow-70: #684e00 !global;
1277
- $carbon--yellow-80: #483700 !global;
1278
- $carbon--yellow-90: #302400 !global;
1279
- $carbon--yellow-100: #1c1500 !global;
1280
- $carbon--colors: (
1281
- 'black': (
1282
- 100: #000000,
1283
- ),
1284
- 'blue': (
1285
- 10: #edf5ff,
1286
- 20: #d0e2ff,
1287
- 30: #a6c8ff,
1288
- 40: #78a9ff,
1289
- 50: #4589ff,
1290
- 60: #0f62fe,
1291
- 70: #0043ce,
1292
- 80: #002d9c,
1293
- 90: #001d6c,
1294
- 100: #001141,
1295
- ),
1296
- 'cool-gray': (
1297
- 10: #f2f4f8,
1298
- 20: #dde1e6,
1299
- 30: #c1c7cd,
1300
- 40: #a2a9b0,
1301
- 50: #878d96,
1302
- 60: #697077,
1303
- 70: #4d5358,
1304
- 80: #343a3f,
1305
- 90: #21272a,
1306
- 100: #121619,
1307
- ),
1308
- 'coolGray': (
1309
- 10: #f2f4f8,
1310
- 20: #dde1e6,
1311
- 30: #c1c7cd,
1312
- 40: #a2a9b0,
1313
- 50: #878d96,
1314
- 60: #697077,
1315
- 70: #4d5358,
1316
- 80: #343a3f,
1317
- 90: #21272a,
1318
- 100: #121619,
1319
- ),
1320
- 'cyan': (
1321
- 10: #e5f6ff,
1322
- 20: #bae6ff,
1323
- 30: #82cfff,
1324
- 40: #33b1ff,
1325
- 50: #1192e8,
1326
- 60: #0072c3,
1327
- 70: #00539a,
1328
- 80: #003a6d,
1329
- 90: #012749,
1330
- 100: #061727,
1331
- ),
1332
- 'gray': (
1333
- 10: #f4f4f4,
1334
- 20: #e0e0e0,
1335
- 30: #c6c6c6,
1336
- 40: #a8a8a8,
1337
- 50: #8d8d8d,
1338
- 60: #6f6f6f,
1339
- 70: #525252,
1340
- 80: #393939,
1341
- 90: #262626,
1342
- 100: #161616,
1343
- ),
1344
- 'green': (
1345
- 10: #defbe6,
1346
- 20: #a7f0ba,
1347
- 30: #6fdc8c,
1348
- 40: #42be65,
1349
- 50: #24a148,
1350
- 60: #198038,
1351
- 70: #0e6027,
1352
- 80: #044317,
1353
- 90: #022d0d,
1354
- 100: #071908,
1355
- ),
1356
- 'magenta': (
1357
- 10: #fff0f7,
1358
- 20: #ffd6e8,
1359
- 30: #ffafd2,
1360
- 40: #ff7eb6,
1361
- 50: #ee5396,
1362
- 60: #d02670,
1363
- 70: #9f1853,
1364
- 80: #740937,
1365
- 90: #510224,
1366
- 100: #2a0a18,
1367
- ),
1368
- 'orange': (
1369
- 10: #fff2e8,
1370
- 20: #ffd9be,
1371
- 30: #ffb784,
1372
- 40: #ff832b,
1373
- 50: #eb6200,
1374
- 60: #ba4e00,
1375
- 70: #8a3800,
1376
- 80: #5e2900,
1377
- 90: #3e1a00,
1378
- 100: #231000,
1379
- ),
1380
- 'purple': (
1381
- 10: #f6f2ff,
1382
- 20: #e8daff,
1383
- 30: #d4bbff,
1384
- 40: #be95ff,
1385
- 50: #a56eff,
1386
- 60: #8a3ffc,
1387
- 70: #6929c4,
1388
- 80: #491d8b,
1389
- 90: #31135e,
1390
- 100: #1c0f30,
1391
- ),
1392
- 'red': (
1393
- 10: #fff1f1,
1394
- 20: #ffd7d9,
1395
- 30: #ffb3b8,
1396
- 40: #ff8389,
1397
- 50: #fa4d56,
1398
- 60: #da1e28,
1399
- 70: #a2191f,
1400
- 80: #750e13,
1401
- 90: #520408,
1402
- 100: #2d0709,
1403
- ),
1404
- 'teal': (
1405
- 10: #d9fbfb,
1406
- 20: #9ef0f0,
1407
- 30: #3ddbd9,
1408
- 40: #08bdba,
1409
- 50: #009d9a,
1410
- 60: #007d79,
1411
- 70: #005d5d,
1412
- 80: #004144,
1413
- 90: #022b30,
1414
- 100: #081a1c,
1415
- ),
1416
- 'warm-gray': (
1417
- 10: #f7f3f2,
1418
- 20: #e5e0df,
1419
- 30: #cac5c4,
1420
- 40: #ada8a8,
1421
- 50: #8f8b8b,
1422
- 60: #726e6e,
1423
- 70: #565151,
1424
- 80: #3c3838,
1425
- 90: #272525,
1426
- 100: #171414,
1427
- ),
1428
- 'warmGray': (
1429
- 10: #f7f3f2,
1430
- 20: #e5e0df,
1431
- 30: #cac5c4,
1432
- 40: #ada8a8,
1433
- 50: #8f8b8b,
1434
- 60: #726e6e,
1435
- 70: #565151,
1436
- 80: #3c3838,
1437
- 90: #272525,
1438
- 100: #171414,
1439
- ),
1440
- 'white': (
1441
- 0: #ffffff,
1442
- ),
1443
- 'yellow': (
1444
- 10: #fcf4d6,
1445
- 20: #fddc69,
1446
- 30: #f1c21b,
1447
- 40: #d2a106,
1448
- 50: #b28600,
1449
- 60: #8e6a00,
1450
- 70: #684e00,
1451
- 80: #483700,
1452
- 90: #302400,
1453
- 100: #1c1500,
1454
- ),
1455
- ) !global;
1456
- }