@ctrliq/quantic-tokens 1.68.0 → 1.69.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/README.md +12 -10
- package/dist/dark-mode.css +463 -462
- package/dist/dark-mode.json +463 -462
- package/dist/dark-mode.nested.json +1496 -0
- package/dist/dark-mode.scss +463 -462
- package/dist/light-mode.css +521 -520
- package/dist/light-mode.json +521 -520
- package/dist/light-mode.nested.json +1498 -0
- package/dist/light-mode.scss +521 -520
- package/package.json +3 -1
package/dist/light-mode.css
CHANGED
|
@@ -78,78 +78,78 @@
|
|
|
78
78
|
--quantic-color-gray-dark-mode-alpha-800: rgba(255, 255, 255, 0.08);
|
|
79
79
|
--quantic-color-gray-dark-mode-alpha-900: rgba(255, 255, 255, 0.04);
|
|
80
80
|
--quantic-color-gray-dark-mode-alpha-950: rgba(255, 255, 255, 0);
|
|
81
|
-
--quantic-color-brand-25: #
|
|
82
|
-
--quantic-color-brand-50: #
|
|
83
|
-
--quantic-color-brand-100: #
|
|
84
|
-
--quantic-color-brand-200: #
|
|
81
|
+
--quantic-color-brand-25: #f2f9f4;
|
|
82
|
+
--quantic-color-brand-50: #e6f3ea;
|
|
83
|
+
--quantic-color-brand-100: #cbe9d6;
|
|
84
|
+
--quantic-color-brand-200: #92d4ad;
|
|
85
85
|
--quantic-color-brand-300: #17c484;
|
|
86
86
|
--quantic-color-brand-400: #12a66f;
|
|
87
87
|
--quantic-color-brand-500: #0b8759;
|
|
88
|
-
--quantic-color-brand-600: #
|
|
89
|
-
--quantic-color-brand-700: #
|
|
90
|
-
--quantic-color-brand-800: #
|
|
91
|
-
--quantic-color-brand-900: #
|
|
92
|
-
--quantic-color-brand-950: #
|
|
93
|
-
--quantic-color-brand-25-rgb:
|
|
94
|
-
--quantic-color-brand-50-rgb:
|
|
95
|
-
--quantic-color-brand-100-rgb:
|
|
96
|
-
--quantic-color-brand-200-rgb:
|
|
88
|
+
--quantic-color-brand-600: #007145;
|
|
89
|
+
--quantic-color-brand-700: #005734;
|
|
90
|
+
--quantic-color-brand-800: #003d23;
|
|
91
|
+
--quantic-color-brand-900: #002513;
|
|
92
|
+
--quantic-color-brand-950: #001a0c;
|
|
93
|
+
--quantic-color-brand-25-rgb: 242 249 244;
|
|
94
|
+
--quantic-color-brand-50-rgb: 230 243 234;
|
|
95
|
+
--quantic-color-brand-100-rgb: 203 233 214;
|
|
96
|
+
--quantic-color-brand-200-rgb: 146 212 173;
|
|
97
97
|
--quantic-color-brand-300-rgb: 23 196 132;
|
|
98
98
|
--quantic-color-brand-400-rgb: 18 166 111;
|
|
99
99
|
--quantic-color-brand-500-rgb: 11 135 89;
|
|
100
|
-
--quantic-color-brand-600-rgb:
|
|
101
|
-
--quantic-color-brand-700-rgb:
|
|
102
|
-
--quantic-color-brand-800-rgb:
|
|
103
|
-
--quantic-color-brand-900-rgb:
|
|
104
|
-
--quantic-color-brand-950-rgb:
|
|
105
|
-
--quantic-color-error-25: #
|
|
106
|
-
--quantic-color-error-50: #
|
|
107
|
-
--quantic-color-error-100: #
|
|
108
|
-
--quantic-color-error-200: #
|
|
109
|
-
--quantic-color-error-300: #
|
|
110
|
-
--quantic-color-error-400: #
|
|
111
|
-
--quantic-color-error-500: #
|
|
112
|
-
--quantic-color-error-600: #
|
|
113
|
-
--quantic-color-error-700: #
|
|
114
|
-
--quantic-color-error-800: #
|
|
115
|
-
--quantic-color-error-900: #
|
|
116
|
-
--quantic-color-error-950: #
|
|
117
|
-
--quantic-color-error-25-rgb:
|
|
118
|
-
--quantic-color-error-50-rgb:
|
|
119
|
-
--quantic-color-error-100-rgb:
|
|
120
|
-
--quantic-color-error-200-rgb:
|
|
121
|
-
--quantic-color-error-300-rgb:
|
|
122
|
-
--quantic-color-error-400-rgb:
|
|
123
|
-
--quantic-color-error-500-rgb:
|
|
124
|
-
--quantic-color-error-600-rgb:
|
|
125
|
-
--quantic-color-error-700-rgb:
|
|
126
|
-
--quantic-color-error-800-rgb:
|
|
127
|
-
--quantic-color-error-900-rgb:
|
|
128
|
-
--quantic-color-error-950-rgb:
|
|
129
|
-
--quantic-color-warning-25: #
|
|
130
|
-
--quantic-color-warning-50: #
|
|
131
|
-
--quantic-color-warning-100: #
|
|
132
|
-
--quantic-color-warning-200: #
|
|
133
|
-
--quantic-color-warning-300: #
|
|
134
|
-
--quantic-color-warning-400: #
|
|
135
|
-
--quantic-color-warning-500: #
|
|
136
|
-
--quantic-color-warning-600: #
|
|
137
|
-
--quantic-color-warning-700: #
|
|
138
|
-
--quantic-color-warning-800: #
|
|
139
|
-
--quantic-color-warning-900: #
|
|
140
|
-
--quantic-color-warning-950: #
|
|
141
|
-
--quantic-color-warning-25-rgb:
|
|
142
|
-
--quantic-color-warning-50-rgb:
|
|
143
|
-
--quantic-color-warning-100-rgb:
|
|
144
|
-
--quantic-color-warning-200-rgb:
|
|
145
|
-
--quantic-color-warning-300-rgb:
|
|
146
|
-
--quantic-color-warning-400-rgb:
|
|
147
|
-
--quantic-color-warning-500-rgb:
|
|
148
|
-
--quantic-color-warning-600-rgb:
|
|
149
|
-
--quantic-color-warning-700-rgb:
|
|
150
|
-
--quantic-color-warning-800-rgb:
|
|
151
|
-
--quantic-color-warning-900-rgb:
|
|
152
|
-
--quantic-color-warning-950-rgb:
|
|
100
|
+
--quantic-color-brand-600-rgb: 0 113 69;
|
|
101
|
+
--quantic-color-brand-700-rgb: 0 87 52;
|
|
102
|
+
--quantic-color-brand-800-rgb: 0 61 35;
|
|
103
|
+
--quantic-color-brand-900-rgb: 0 37 19;
|
|
104
|
+
--quantic-color-brand-950-rgb: 0 26 12;
|
|
105
|
+
--quantic-color-error-25: #fcf5f4;
|
|
106
|
+
--quantic-color-error-50: #f9ecea;
|
|
107
|
+
--quantic-color-error-100: #f5d9d4;
|
|
108
|
+
--quantic-color-error-200: #ecb2a9;
|
|
109
|
+
--quantic-color-error-300: #e18c80;
|
|
110
|
+
--quantic-color-error-400: #d1695c;
|
|
111
|
+
--quantic-color-error-500: #b74a3d;
|
|
112
|
+
--quantic-color-error-600: #9d372d;
|
|
113
|
+
--quantic-color-error-700: #7c281f;
|
|
114
|
+
--quantic-color-error-800: #591a13;
|
|
115
|
+
--quantic-color-error-900: #380c08;
|
|
116
|
+
--quantic-color-error-950: #290604;
|
|
117
|
+
--quantic-color-error-25-rgb: 252 245 244;
|
|
118
|
+
--quantic-color-error-50-rgb: 249 236 234;
|
|
119
|
+
--quantic-color-error-100-rgb: 245 217 212;
|
|
120
|
+
--quantic-color-error-200-rgb: 236 178 169;
|
|
121
|
+
--quantic-color-error-300-rgb: 225 140 128;
|
|
122
|
+
--quantic-color-error-400-rgb: 209 105 92;
|
|
123
|
+
--quantic-color-error-500-rgb: 183 74 61;
|
|
124
|
+
--quantic-color-error-600-rgb: 157 55 45;
|
|
125
|
+
--quantic-color-error-700-rgb: 124 40 31;
|
|
126
|
+
--quantic-color-error-800-rgb: 89 26 19;
|
|
127
|
+
--quantic-color-error-900-rgb: 56 12 8;
|
|
128
|
+
--quantic-color-error-950-rgb: 41 6 4;
|
|
129
|
+
--quantic-color-warning-25: #fbf6f2;
|
|
130
|
+
--quantic-color-warning-50: #f7ede6;
|
|
131
|
+
--quantic-color-warning-100: #f1dccc;
|
|
132
|
+
--quantic-color-warning-200: #e5b896;
|
|
133
|
+
--quantic-color-warning-300: #d89660;
|
|
134
|
+
--quantic-color-warning-400: #c77629;
|
|
135
|
+
--quantic-color-warning-500: #a85b00;
|
|
136
|
+
--quantic-color-warning-600: #8c4b00;
|
|
137
|
+
--quantic-color-warning-700: #6d3900;
|
|
138
|
+
--quantic-color-warning-800: #4e2700;
|
|
139
|
+
--quantic-color-warning-900: #301600;
|
|
140
|
+
--quantic-color-warning-950: #220e00;
|
|
141
|
+
--quantic-color-warning-25-rgb: 251 246 242;
|
|
142
|
+
--quantic-color-warning-50-rgb: 247 237 230;
|
|
143
|
+
--quantic-color-warning-100-rgb: 241 220 204;
|
|
144
|
+
--quantic-color-warning-200-rgb: 229 184 150;
|
|
145
|
+
--quantic-color-warning-300-rgb: 216 150 96;
|
|
146
|
+
--quantic-color-warning-400-rgb: 199 118 41;
|
|
147
|
+
--quantic-color-warning-500-rgb: 168 91 0;
|
|
148
|
+
--quantic-color-warning-600-rgb: 140 75 0;
|
|
149
|
+
--quantic-color-warning-700-rgb: 109 57 0;
|
|
150
|
+
--quantic-color-warning-800-rgb: 78 39 0;
|
|
151
|
+
--quantic-color-warning-900-rgb: 48 22 0;
|
|
152
|
+
--quantic-color-warning-950-rgb: 34 14 0;
|
|
153
153
|
--quantic-color-success-25: #f6fef9;
|
|
154
154
|
--quantic-color-success-50: #ecfdf3;
|
|
155
155
|
--quantic-color-success-100: #dcfae6;
|
|
@@ -342,30 +342,30 @@
|
|
|
342
342
|
--quantic-color-gray-warm-800-rgb: 41 37 36;
|
|
343
343
|
--quantic-color-gray-warm-900-rgb: 28 25 23;
|
|
344
344
|
--quantic-color-gray-warm-950-rgb: 23 20 18;
|
|
345
|
-
--quantic-color-moss-25: #
|
|
346
|
-
--quantic-color-moss-50: #
|
|
347
|
-
--quantic-color-moss-100: #
|
|
348
|
-
--quantic-color-moss-200: #
|
|
349
|
-
--quantic-color-moss-300: #
|
|
350
|
-
--quantic-color-moss-400: #
|
|
351
|
-
--quantic-color-moss-500: #
|
|
352
|
-
--quantic-color-moss-600: #
|
|
353
|
-
--quantic-color-moss-700: #
|
|
354
|
-
--quantic-color-moss-800: #
|
|
355
|
-
--quantic-color-moss-900: #
|
|
356
|
-
--quantic-color-moss-950: #
|
|
357
|
-
--quantic-color-moss-25-rgb:
|
|
358
|
-
--quantic-color-moss-50-rgb:
|
|
359
|
-
--quantic-color-moss-100-rgb:
|
|
360
|
-
--quantic-color-moss-200-rgb:
|
|
361
|
-
--quantic-color-moss-300-rgb:
|
|
362
|
-
--quantic-color-moss-400-rgb:
|
|
363
|
-
--quantic-color-moss-500-rgb:
|
|
364
|
-
--quantic-color-moss-600-rgb:
|
|
365
|
-
--quantic-color-moss-700-rgb:
|
|
366
|
-
--quantic-color-moss-800-rgb:
|
|
367
|
-
--quantic-color-moss-900-rgb:
|
|
368
|
-
--quantic-color-moss-950-rgb:
|
|
345
|
+
--quantic-color-moss-25: #f5f8f3;
|
|
346
|
+
--quantic-color-moss-50: #ecf1e7;
|
|
347
|
+
--quantic-color-moss-100: #dae5cf;
|
|
348
|
+
--quantic-color-moss-200: #b5cc9c;
|
|
349
|
+
--quantic-color-moss-300: #92b46a;
|
|
350
|
+
--quantic-color-moss-400: #739c3b;
|
|
351
|
+
--quantic-color-moss-500: #578103;
|
|
352
|
+
--quantic-color-moss-600: #476b00;
|
|
353
|
+
--quantic-color-moss-700: #365300;
|
|
354
|
+
--quantic-color-moss-800: #253a00;
|
|
355
|
+
--quantic-color-moss-900: #142300;
|
|
356
|
+
--quantic-color-moss-950: #0c1800;
|
|
357
|
+
--quantic-color-moss-25-rgb: 245 248 243;
|
|
358
|
+
--quantic-color-moss-50-rgb: 236 241 231;
|
|
359
|
+
--quantic-color-moss-100-rgb: 218 229 207;
|
|
360
|
+
--quantic-color-moss-200-rgb: 181 204 156;
|
|
361
|
+
--quantic-color-moss-300-rgb: 146 180 106;
|
|
362
|
+
--quantic-color-moss-400-rgb: 115 156 59;
|
|
363
|
+
--quantic-color-moss-500-rgb: 87 129 3;
|
|
364
|
+
--quantic-color-moss-600-rgb: 71 107 0;
|
|
365
|
+
--quantic-color-moss-700-rgb: 54 83 0;
|
|
366
|
+
--quantic-color-moss-800-rgb: 37 58 0;
|
|
367
|
+
--quantic-color-moss-900-rgb: 20 35 0;
|
|
368
|
+
--quantic-color-moss-950-rgb: 12 24 0;
|
|
369
369
|
--quantic-color-green-light-25: #fafef5;
|
|
370
370
|
--quantic-color-green-light-50: #f3fee7;
|
|
371
371
|
--quantic-color-green-light-100: #e3fbcc;
|
|
@@ -390,30 +390,30 @@
|
|
|
390
390
|
--quantic-color-green-light-800-rgb: 50 98 18;
|
|
391
391
|
--quantic-color-green-light-900-rgb: 43 83 20;
|
|
392
392
|
--quantic-color-green-light-950-rgb: 21 41 10;
|
|
393
|
-
--quantic-color-green-25: #
|
|
394
|
-
--quantic-color-green-50: #
|
|
395
|
-
--quantic-color-green-100: #
|
|
396
|
-
--quantic-color-green-200: #
|
|
393
|
+
--quantic-color-green-25: #f2f9f4;
|
|
394
|
+
--quantic-color-green-50: #e6f3ea;
|
|
395
|
+
--quantic-color-green-100: #cbe9d6;
|
|
396
|
+
--quantic-color-green-200: #92d4ad;
|
|
397
397
|
--quantic-color-green-300: #17c484;
|
|
398
398
|
--quantic-color-green-400: #12a66f;
|
|
399
399
|
--quantic-color-green-500: #0b8759;
|
|
400
|
-
--quantic-color-green-600: #
|
|
401
|
-
--quantic-color-green-700: #
|
|
402
|
-
--quantic-color-green-800: #
|
|
403
|
-
--quantic-color-green-900: #
|
|
404
|
-
--quantic-color-green-950: #
|
|
405
|
-
--quantic-color-green-25-rgb:
|
|
406
|
-
--quantic-color-green-50-rgb:
|
|
407
|
-
--quantic-color-green-100-rgb:
|
|
408
|
-
--quantic-color-green-200-rgb:
|
|
400
|
+
--quantic-color-green-600: #007145;
|
|
401
|
+
--quantic-color-green-700: #005734;
|
|
402
|
+
--quantic-color-green-800: #003d23;
|
|
403
|
+
--quantic-color-green-900: #002513;
|
|
404
|
+
--quantic-color-green-950: #001a0c;
|
|
405
|
+
--quantic-color-green-25-rgb: 242 249 244;
|
|
406
|
+
--quantic-color-green-50-rgb: 230 243 234;
|
|
407
|
+
--quantic-color-green-100-rgb: 203 233 214;
|
|
408
|
+
--quantic-color-green-200-rgb: 146 212 173;
|
|
409
409
|
--quantic-color-green-300-rgb: 23 196 132;
|
|
410
410
|
--quantic-color-green-400-rgb: 18 166 111;
|
|
411
411
|
--quantic-color-green-500-rgb: 11 135 89;
|
|
412
|
-
--quantic-color-green-600-rgb:
|
|
413
|
-
--quantic-color-green-700-rgb:
|
|
414
|
-
--quantic-color-green-800-rgb:
|
|
415
|
-
--quantic-color-green-900-rgb:
|
|
416
|
-
--quantic-color-green-950-rgb:
|
|
412
|
+
--quantic-color-green-600-rgb: 0 113 69;
|
|
413
|
+
--quantic-color-green-700-rgb: 0 87 52;
|
|
414
|
+
--quantic-color-green-800-rgb: 0 61 35;
|
|
415
|
+
--quantic-color-green-900-rgb: 0 37 19;
|
|
416
|
+
--quantic-color-green-950-rgb: 0 26 12;
|
|
417
417
|
--quantic-color-teal-25: #f6fefc;
|
|
418
418
|
--quantic-color-teal-50: #f0fdf9;
|
|
419
419
|
--quantic-color-teal-100: #ccfbef;
|
|
@@ -438,30 +438,30 @@
|
|
|
438
438
|
--quantic-color-teal-800-rgb: 18 93 86;
|
|
439
439
|
--quantic-color-teal-900-rgb: 19 78 72;
|
|
440
440
|
--quantic-color-teal-950-rgb: 10 41 38;
|
|
441
|
-
--quantic-color-cyan-25: #
|
|
442
|
-
--quantic-color-cyan-50: #
|
|
443
|
-
--quantic-color-cyan-100: #
|
|
444
|
-
--quantic-color-cyan-200: #
|
|
445
|
-
--quantic-color-cyan-300: #
|
|
446
|
-
--quantic-color-cyan-400: #
|
|
447
|
-
--quantic-color-cyan-500: #
|
|
448
|
-
--quantic-color-cyan-600: #
|
|
449
|
-
--quantic-color-cyan-700: #
|
|
450
|
-
--quantic-color-cyan-800: #
|
|
451
|
-
--quantic-color-cyan-900: #
|
|
452
|
-
--quantic-color-cyan-950: #
|
|
453
|
-
--quantic-color-cyan-25-rgb:
|
|
454
|
-
--quantic-color-cyan-50-rgb:
|
|
455
|
-
--quantic-color-cyan-100-rgb:
|
|
456
|
-
--quantic-color-cyan-200-rgb:
|
|
457
|
-
--quantic-color-cyan-300-rgb:
|
|
458
|
-
--quantic-color-cyan-400-rgb:
|
|
459
|
-
--quantic-color-cyan-500-rgb:
|
|
460
|
-
--quantic-color-cyan-600-rgb:
|
|
461
|
-
--quantic-color-cyan-700-rgb:
|
|
462
|
-
--quantic-color-cyan-800-rgb:
|
|
463
|
-
--quantic-color-cyan-900-rgb:
|
|
464
|
-
--quantic-color-cyan-950-rgb:
|
|
441
|
+
--quantic-color-cyan-25: #f2f8f8;
|
|
442
|
+
--quantic-color-cyan-50: #e5f3f2;
|
|
443
|
+
--quantic-color-cyan-100: #c9e7e7;
|
|
444
|
+
--quantic-color-cyan-200: #8cd1d0;
|
|
445
|
+
--quantic-color-cyan-300: #40bbbb;
|
|
446
|
+
--quantic-color-cyan-400: #00a1a1;
|
|
447
|
+
--quantic-color-cyan-500: #008383;
|
|
448
|
+
--quantic-color-cyan-600: #006c6d;
|
|
449
|
+
--quantic-color-cyan-700: #005454;
|
|
450
|
+
--quantic-color-cyan-800: #003b3b;
|
|
451
|
+
--quantic-color-cyan-900: #002323;
|
|
452
|
+
--quantic-color-cyan-950: #001818;
|
|
453
|
+
--quantic-color-cyan-25-rgb: 242 248 248;
|
|
454
|
+
--quantic-color-cyan-50-rgb: 229 243 242;
|
|
455
|
+
--quantic-color-cyan-100-rgb: 201 231 231;
|
|
456
|
+
--quantic-color-cyan-200-rgb: 140 209 208;
|
|
457
|
+
--quantic-color-cyan-300-rgb: 64 187 187;
|
|
458
|
+
--quantic-color-cyan-400-rgb: 0 161 161;
|
|
459
|
+
--quantic-color-cyan-500-rgb: 0 131 131;
|
|
460
|
+
--quantic-color-cyan-600-rgb: 0 108 109;
|
|
461
|
+
--quantic-color-cyan-700-rgb: 0 84 84;
|
|
462
|
+
--quantic-color-cyan-800-rgb: 0 59 59;
|
|
463
|
+
--quantic-color-cyan-900-rgb: 0 35 35;
|
|
464
|
+
--quantic-color-cyan-950-rgb: 0 24 24;
|
|
465
465
|
--quantic-color-blue-light-25: #f5fbff;
|
|
466
466
|
--quantic-color-blue-light-50: #f0f9ff;
|
|
467
467
|
--quantic-color-blue-light-100: #e0f2fe;
|
|
@@ -486,30 +486,30 @@
|
|
|
486
486
|
--quantic-color-blue-light-800-rgb: 6 89 134;
|
|
487
487
|
--quantic-color-blue-light-900-rgb: 11 74 111;
|
|
488
488
|
--quantic-color-blue-light-950-rgb: 6 44 65;
|
|
489
|
-
--quantic-color-blue-25: #
|
|
490
|
-
--quantic-color-blue-50: #
|
|
491
|
-
--quantic-color-blue-100: #
|
|
492
|
-
--quantic-color-blue-200: #
|
|
493
|
-
--quantic-color-blue-300: #
|
|
494
|
-
--quantic-color-blue-400: #
|
|
495
|
-
--quantic-color-blue-500: #
|
|
496
|
-
--quantic-color-blue-600: #
|
|
497
|
-
--quantic-color-blue-700: #
|
|
498
|
-
--quantic-color-blue-800: #
|
|
499
|
-
--quantic-color-blue-900: #
|
|
500
|
-
--quantic-color-blue-950: #
|
|
501
|
-
--quantic-color-blue-25-rgb:
|
|
502
|
-
--quantic-color-blue-50-rgb:
|
|
503
|
-
--quantic-color-blue-100-rgb:
|
|
504
|
-
--quantic-color-blue-200-rgb:
|
|
505
|
-
--quantic-color-blue-300-rgb:
|
|
506
|
-
--quantic-color-blue-400-rgb:
|
|
507
|
-
--quantic-color-blue-500-rgb:
|
|
508
|
-
--quantic-color-blue-600-rgb:
|
|
509
|
-
--quantic-color-blue-700-rgb:
|
|
510
|
-
--quantic-color-blue-800-rgb:
|
|
511
|
-
--quantic-color-blue-900-rgb:
|
|
512
|
-
--quantic-color-blue-950-rgb:
|
|
489
|
+
--quantic-color-blue-25: #f2f8fb;
|
|
490
|
+
--quantic-color-blue-50: #e6f1f8;
|
|
491
|
+
--quantic-color-blue-100: #cde4f3;
|
|
492
|
+
--quantic-color-blue-200: #98caea;
|
|
493
|
+
--quantic-color-blue-300: #5fb0e1;
|
|
494
|
+
--quantic-color-blue-400: #1997d3;
|
|
495
|
+
--quantic-color-blue-500: #007baf;
|
|
496
|
+
--quantic-color-blue-600: #006692;
|
|
497
|
+
--quantic-color-blue-700: #004f72;
|
|
498
|
+
--quantic-color-blue-800: #003751;
|
|
499
|
+
--quantic-color-blue-900: #002032;
|
|
500
|
+
--quantic-color-blue-950: #001624;
|
|
501
|
+
--quantic-color-blue-25-rgb: 242 248 251;
|
|
502
|
+
--quantic-color-blue-50-rgb: 230 241 248;
|
|
503
|
+
--quantic-color-blue-100-rgb: 205 228 243;
|
|
504
|
+
--quantic-color-blue-200-rgb: 152 202 234;
|
|
505
|
+
--quantic-color-blue-300-rgb: 95 176 225;
|
|
506
|
+
--quantic-color-blue-400-rgb: 25 151 211;
|
|
507
|
+
--quantic-color-blue-500-rgb: 0 123 175;
|
|
508
|
+
--quantic-color-blue-600-rgb: 0 102 146;
|
|
509
|
+
--quantic-color-blue-700-rgb: 0 79 114;
|
|
510
|
+
--quantic-color-blue-800-rgb: 0 55 81;
|
|
511
|
+
--quantic-color-blue-900-rgb: 0 32 50;
|
|
512
|
+
--quantic-color-blue-950-rgb: 0 22 36;
|
|
513
513
|
--quantic-color-blue-dark-25: #f5f8ff;
|
|
514
514
|
--quantic-color-blue-dark-50: #eff4ff;
|
|
515
515
|
--quantic-color-blue-dark-100: #d1e0ff;
|
|
@@ -534,54 +534,54 @@
|
|
|
534
534
|
--quantic-color-blue-dark-800-rgb: 0 64 193;
|
|
535
535
|
--quantic-color-blue-dark-900-rgb: 0 53 158;
|
|
536
536
|
--quantic-color-blue-dark-950-rgb: 0 34 102;
|
|
537
|
-
--quantic-color-indigo-25: #
|
|
538
|
-
--quantic-color-indigo-50: #
|
|
539
|
-
--quantic-color-indigo-100: #
|
|
540
|
-
--quantic-color-indigo-200: #
|
|
541
|
-
--quantic-color-indigo-300: #
|
|
542
|
-
--quantic-color-indigo-400: #
|
|
543
|
-
--quantic-color-indigo-500: #
|
|
544
|
-
--quantic-color-indigo-600: #
|
|
545
|
-
--quantic-color-indigo-700: #
|
|
546
|
-
--quantic-color-indigo-800: #
|
|
547
|
-
--quantic-color-indigo-900: #
|
|
548
|
-
--quantic-color-indigo-950: #
|
|
549
|
-
--quantic-color-indigo-25-rgb:
|
|
550
|
-
--quantic-color-indigo-50-rgb:
|
|
551
|
-
--quantic-color-indigo-100-rgb: 224
|
|
552
|
-
--quantic-color-indigo-200-rgb:
|
|
553
|
-
--quantic-color-indigo-300-rgb:
|
|
554
|
-
--quantic-color-indigo-400-rgb:
|
|
555
|
-
--quantic-color-indigo-500-rgb:
|
|
556
|
-
--quantic-color-indigo-600-rgb:
|
|
557
|
-
--quantic-color-indigo-700-rgb:
|
|
558
|
-
--quantic-color-indigo-800-rgb:
|
|
559
|
-
--quantic-color-indigo-900-rgb:
|
|
560
|
-
--quantic-color-indigo-950-rgb:
|
|
561
|
-
--quantic-color-violet-25: #
|
|
562
|
-
--quantic-color-violet-50: #
|
|
563
|
-
--quantic-color-violet-100: #
|
|
564
|
-
--quantic-color-violet-200: #
|
|
565
|
-
--quantic-color-violet-300: #
|
|
566
|
-
--quantic-color-violet-400: #
|
|
567
|
-
--quantic-color-violet-500: #
|
|
568
|
-
--quantic-color-violet-600: #
|
|
569
|
-
--quantic-color-violet-700: #
|
|
570
|
-
--quantic-color-violet-800: #
|
|
571
|
-
--quantic-color-violet-900: #
|
|
572
|
-
--quantic-color-violet-950: #
|
|
573
|
-
--quantic-color-violet-25-rgb:
|
|
574
|
-
--quantic-color-violet-50-rgb:
|
|
575
|
-
--quantic-color-violet-100-rgb:
|
|
576
|
-
--quantic-color-violet-200-rgb:
|
|
577
|
-
--quantic-color-violet-300-rgb:
|
|
578
|
-
--quantic-color-violet-400-rgb:
|
|
579
|
-
--quantic-color-violet-500-rgb:
|
|
580
|
-
--quantic-color-violet-600-rgb:
|
|
581
|
-
--quantic-color-violet-700-rgb:
|
|
582
|
-
--quantic-color-violet-800-rgb:
|
|
583
|
-
--quantic-color-violet-900-rgb:
|
|
584
|
-
--quantic-color-violet-950-rgb:
|
|
537
|
+
--quantic-color-indigo-25: #f4f7fc;
|
|
538
|
+
--quantic-color-indigo-50: #eaeffa;
|
|
539
|
+
--quantic-color-indigo-100: #d6e0f6;
|
|
540
|
+
--quantic-color-indigo-200: #adc2f1;
|
|
541
|
+
--quantic-color-indigo-300: #86a5ea;
|
|
542
|
+
--quantic-color-indigo-400: #6489de;
|
|
543
|
+
--quantic-color-indigo-500: #476dc6;
|
|
544
|
+
--quantic-color-indigo-600: #3759ab;
|
|
545
|
+
--quantic-color-indigo-700: #284488;
|
|
546
|
+
--quantic-color-indigo-800: #1a2f62;
|
|
547
|
+
--quantic-color-indigo-900: #0c1b3e;
|
|
548
|
+
--quantic-color-indigo-950: #06112f;
|
|
549
|
+
--quantic-color-indigo-25-rgb: 244 247 252;
|
|
550
|
+
--quantic-color-indigo-50-rgb: 234 239 250;
|
|
551
|
+
--quantic-color-indigo-100-rgb: 214 224 246;
|
|
552
|
+
--quantic-color-indigo-200-rgb: 173 194 241;
|
|
553
|
+
--quantic-color-indigo-300-rgb: 134 165 234;
|
|
554
|
+
--quantic-color-indigo-400-rgb: 100 137 222;
|
|
555
|
+
--quantic-color-indigo-500-rgb: 71 109 198;
|
|
556
|
+
--quantic-color-indigo-600-rgb: 55 89 171;
|
|
557
|
+
--quantic-color-indigo-700-rgb: 40 68 136;
|
|
558
|
+
--quantic-color-indigo-800-rgb: 26 47 98;
|
|
559
|
+
--quantic-color-indigo-900-rgb: 12 27 62;
|
|
560
|
+
--quantic-color-indigo-950-rgb: 6 17 47;
|
|
561
|
+
--quantic-color-violet-25: #f7f6fb;
|
|
562
|
+
--quantic-color-violet-50: #f0edf8;
|
|
563
|
+
--quantic-color-violet-100: #e1dcf4;
|
|
564
|
+
--quantic-color-violet-200: #c6baeb;
|
|
565
|
+
--quantic-color-violet-300: #ac98e2;
|
|
566
|
+
--quantic-color-violet-400: #947ad4;
|
|
567
|
+
--quantic-color-violet-500: #7b5cbc;
|
|
568
|
+
--quantic-color-violet-600: #674aa2;
|
|
569
|
+
--quantic-color-violet-700: #503781;
|
|
570
|
+
--quantic-color-violet-800: #38255d;
|
|
571
|
+
--quantic-color-violet-900: #21143a;
|
|
572
|
+
--quantic-color-violet-950: #170c2b;
|
|
573
|
+
--quantic-color-violet-25-rgb: 247 246 251;
|
|
574
|
+
--quantic-color-violet-50-rgb: 240 237 248;
|
|
575
|
+
--quantic-color-violet-100-rgb: 225 220 244;
|
|
576
|
+
--quantic-color-violet-200-rgb: 198 186 235;
|
|
577
|
+
--quantic-color-violet-300-rgb: 172 152 226;
|
|
578
|
+
--quantic-color-violet-400-rgb: 148 122 212;
|
|
579
|
+
--quantic-color-violet-500-rgb: 123 92 188;
|
|
580
|
+
--quantic-color-violet-600-rgb: 103 74 162;
|
|
581
|
+
--quantic-color-violet-700-rgb: 80 55 129;
|
|
582
|
+
--quantic-color-violet-800-rgb: 56 37 93;
|
|
583
|
+
--quantic-color-violet-900-rgb: 33 20 58;
|
|
584
|
+
--quantic-color-violet-950-rgb: 23 12 43;
|
|
585
585
|
--quantic-color-purple-25: #fafaff;
|
|
586
586
|
--quantic-color-purple-50: #f4f3ff;
|
|
587
587
|
--quantic-color-purple-100: #ebe9fe;
|
|
@@ -606,54 +606,54 @@
|
|
|
606
606
|
--quantic-color-purple-800-rgb: 74 31 184;
|
|
607
607
|
--quantic-color-purple-900-rgb: 62 28 150;
|
|
608
608
|
--quantic-color-purple-950-rgb: 39 17 95;
|
|
609
|
-
--quantic-color-fuchsia-25: #
|
|
610
|
-
--quantic-color-fuchsia-50: #
|
|
611
|
-
--quantic-color-fuchsia-100: #
|
|
612
|
-
--quantic-color-fuchsia-200: #
|
|
613
|
-
--quantic-color-fuchsia-300: #
|
|
614
|
-
--quantic-color-fuchsia-400: #
|
|
615
|
-
--quantic-color-fuchsia-500: #
|
|
616
|
-
--quantic-color-fuchsia-600: #
|
|
617
|
-
--quantic-color-fuchsia-700: #
|
|
618
|
-
--quantic-color-fuchsia-800: #
|
|
619
|
-
--quantic-color-fuchsia-900: #
|
|
620
|
-
--quantic-color-fuchsia-950: #
|
|
621
|
-
--quantic-color-fuchsia-25-rgb:
|
|
622
|
-
--quantic-color-fuchsia-50-rgb:
|
|
623
|
-
--quantic-color-fuchsia-100-rgb:
|
|
624
|
-
--quantic-color-fuchsia-200-rgb:
|
|
625
|
-
--quantic-color-fuchsia-300-rgb:
|
|
626
|
-
--quantic-color-fuchsia-400-rgb:
|
|
627
|
-
--quantic-color-fuchsia-500-rgb:
|
|
628
|
-
--quantic-color-fuchsia-600-rgb:
|
|
629
|
-
--quantic-color-fuchsia-700-rgb:
|
|
630
|
-
--quantic-color-fuchsia-800-rgb:
|
|
631
|
-
--quantic-color-fuchsia-900-rgb:
|
|
632
|
-
--quantic-color-fuchsia-950-rgb:
|
|
633
|
-
--quantic-color-pink-25: #
|
|
634
|
-
--quantic-color-pink-50: #
|
|
635
|
-
--quantic-color-pink-100: #
|
|
636
|
-
--quantic-color-pink-200: #
|
|
637
|
-
--quantic-color-pink-300: #
|
|
638
|
-
--quantic-color-pink-400: #
|
|
639
|
-
--quantic-color-pink-500: #
|
|
640
|
-
--quantic-color-pink-600: #
|
|
641
|
-
--quantic-color-pink-700: #
|
|
642
|
-
--quantic-color-pink-800: #
|
|
643
|
-
--quantic-color-pink-900: #
|
|
644
|
-
--quantic-color-pink-950: #
|
|
645
|
-
--quantic-color-pink-25-rgb:
|
|
646
|
-
--quantic-color-pink-50-rgb:
|
|
647
|
-
--quantic-color-pink-100-rgb:
|
|
648
|
-
--quantic-color-pink-200-rgb:
|
|
649
|
-
--quantic-color-pink-300-rgb:
|
|
650
|
-
--quantic-color-pink-400-rgb:
|
|
651
|
-
--quantic-color-pink-500-rgb:
|
|
652
|
-
--quantic-color-pink-600-rgb:
|
|
653
|
-
--quantic-color-pink-700-rgb:
|
|
654
|
-
--quantic-color-pink-800-rgb:
|
|
655
|
-
--quantic-color-pink-900-rgb:
|
|
656
|
-
--quantic-color-pink-950-rgb:
|
|
609
|
+
--quantic-color-fuchsia-25: #faf5f9;
|
|
610
|
+
--quantic-color-fuchsia-50: #f5ecf4;
|
|
611
|
+
--quantic-color-fuchsia-100: #ecd9eb;
|
|
612
|
+
--quantic-color-fuchsia-200: #dbb3da;
|
|
613
|
+
--quantic-color-fuchsia-300: #ca8ec9;
|
|
614
|
+
--quantic-color-fuchsia-400: #b76db7;
|
|
615
|
+
--quantic-color-fuchsia-500: #9d4f9d;
|
|
616
|
+
--quantic-color-fuchsia-600: #853d86;
|
|
617
|
+
--quantic-color-fuchsia-700: #692d69;
|
|
618
|
+
--quantic-color-fuchsia-800: #4b1d4b;
|
|
619
|
+
--quantic-color-fuchsia-900: #2e0f2e;
|
|
620
|
+
--quantic-color-fuchsia-950: #210822;
|
|
621
|
+
--quantic-color-fuchsia-25-rgb: 250 245 249;
|
|
622
|
+
--quantic-color-fuchsia-50-rgb: 245 236 244;
|
|
623
|
+
--quantic-color-fuchsia-100-rgb: 236 217 235;
|
|
624
|
+
--quantic-color-fuchsia-200-rgb: 219 179 218;
|
|
625
|
+
--quantic-color-fuchsia-300-rgb: 202 142 201;
|
|
626
|
+
--quantic-color-fuchsia-400-rgb: 183 109 183;
|
|
627
|
+
--quantic-color-fuchsia-500-rgb: 157 79 157;
|
|
628
|
+
--quantic-color-fuchsia-600-rgb: 133 61 134;
|
|
629
|
+
--quantic-color-fuchsia-700-rgb: 105 45 105;
|
|
630
|
+
--quantic-color-fuchsia-800-rgb: 75 29 75;
|
|
631
|
+
--quantic-color-fuchsia-900-rgb: 46 15 46;
|
|
632
|
+
--quantic-color-fuchsia-950-rgb: 33 8 34;
|
|
633
|
+
--quantic-color-pink-25: #fbf5f7;
|
|
634
|
+
--quantic-color-pink-50: #f8ebef;
|
|
635
|
+
--quantic-color-pink-100: #f3d8e0;
|
|
636
|
+
--quantic-color-pink-200: #e9b0c2;
|
|
637
|
+
--quantic-color-pink-300: #dc8aa6;
|
|
638
|
+
--quantic-color-pink-400: #cc678c;
|
|
639
|
+
--quantic-color-pink-500: #b14772;
|
|
640
|
+
--quantic-color-pink-600: #98355e;
|
|
641
|
+
--quantic-color-pink-700: #782648;
|
|
642
|
+
--quantic-color-pink-800: #561832;
|
|
643
|
+
--quantic-color-pink-900: #360b1d;
|
|
644
|
+
--quantic-color-pink-950: #280514;
|
|
645
|
+
--quantic-color-pink-25-rgb: 251 245 247;
|
|
646
|
+
--quantic-color-pink-50-rgb: 248 235 239;
|
|
647
|
+
--quantic-color-pink-100-rgb: 243 216 224;
|
|
648
|
+
--quantic-color-pink-200-rgb: 233 176 194;
|
|
649
|
+
--quantic-color-pink-300-rgb: 220 138 166;
|
|
650
|
+
--quantic-color-pink-400-rgb: 204 103 140;
|
|
651
|
+
--quantic-color-pink-500-rgb: 177 71 114;
|
|
652
|
+
--quantic-color-pink-600-rgb: 152 53 94;
|
|
653
|
+
--quantic-color-pink-700-rgb: 120 38 72;
|
|
654
|
+
--quantic-color-pink-800-rgb: 86 24 50;
|
|
655
|
+
--quantic-color-pink-900-rgb: 54 11 29;
|
|
656
|
+
--quantic-color-pink-950-rgb: 40 5 20;
|
|
657
657
|
--quantic-color-rose-25: #fff5f6;
|
|
658
658
|
--quantic-color-rose-50: #fff1f3;
|
|
659
659
|
--quantic-color-rose-100: #ffe4e8;
|
|
@@ -726,30 +726,30 @@
|
|
|
726
726
|
--quantic-color-orange-800-rgb: 147 47 25;
|
|
727
727
|
--quantic-color-orange-900-rgb: 119 41 23;
|
|
728
728
|
--quantic-color-orange-950-rgb: 81 28 16;
|
|
729
|
-
--quantic-color-yellow-25: #
|
|
730
|
-
--quantic-color-yellow-50: #
|
|
731
|
-
--quantic-color-yellow-100: #
|
|
732
|
-
--quantic-color-yellow-200: #
|
|
733
|
-
--quantic-color-yellow-300: #
|
|
734
|
-
--quantic-color-yellow-400: #
|
|
735
|
-
--quantic-color-yellow-500: #
|
|
736
|
-
--quantic-color-yellow-600: #
|
|
737
|
-
--quantic-color-yellow-700: #
|
|
738
|
-
--quantic-color-yellow-800: #
|
|
739
|
-
--quantic-color-yellow-900: #
|
|
740
|
-
--quantic-color-yellow-950: #
|
|
741
|
-
--quantic-color-yellow-25-rgb:
|
|
742
|
-
--quantic-color-yellow-50-rgb:
|
|
743
|
-
--quantic-color-yellow-100-rgb:
|
|
744
|
-
--quantic-color-yellow-200-rgb:
|
|
745
|
-
--quantic-color-yellow-300-rgb:
|
|
746
|
-
--quantic-color-yellow-400-rgb:
|
|
747
|
-
--quantic-color-yellow-500-rgb:
|
|
748
|
-
--quantic-color-yellow-600-rgb:
|
|
749
|
-
--quantic-color-yellow-700-rgb:
|
|
750
|
-
--quantic-color-yellow-800-rgb:
|
|
751
|
-
--quantic-color-yellow-900-rgb:
|
|
752
|
-
--quantic-color-yellow-950-rgb:
|
|
729
|
+
--quantic-color-yellow-25: #f8f7f1;
|
|
730
|
+
--quantic-color-yellow-50: #f2efe4;
|
|
731
|
+
--quantic-color-yellow-100: #e6e1c9;
|
|
732
|
+
--quantic-color-yellow-200: #d0c38f;
|
|
733
|
+
--quantic-color-yellow-300: #baa653;
|
|
734
|
+
--quantic-color-yellow-400: #a58b00;
|
|
735
|
+
--quantic-color-yellow-500: #867100;
|
|
736
|
+
--quantic-color-yellow-600: #6f5d00;
|
|
737
|
+
--quantic-color-yellow-700: #564800;
|
|
738
|
+
--quantic-color-yellow-800: #3d3200;
|
|
739
|
+
--quantic-color-yellow-900: #241d00;
|
|
740
|
+
--quantic-color-yellow-950: #191300;
|
|
741
|
+
--quantic-color-yellow-25-rgb: 248 247 241;
|
|
742
|
+
--quantic-color-yellow-50-rgb: 242 239 228;
|
|
743
|
+
--quantic-color-yellow-100-rgb: 230 225 201;
|
|
744
|
+
--quantic-color-yellow-200-rgb: 208 195 143;
|
|
745
|
+
--quantic-color-yellow-300-rgb: 186 166 83;
|
|
746
|
+
--quantic-color-yellow-400-rgb: 165 139 0;
|
|
747
|
+
--quantic-color-yellow-500-rgb: 134 113 0;
|
|
748
|
+
--quantic-color-yellow-600-rgb: 111 93 0;
|
|
749
|
+
--quantic-color-yellow-700-rgb: 86 72 0;
|
|
750
|
+
--quantic-color-yellow-800-rgb: 61 50 0;
|
|
751
|
+
--quantic-color-yellow-900-rgb: 36 29 0;
|
|
752
|
+
--quantic-color-yellow-950-rgb: 25 19 0;
|
|
753
753
|
--quantic-spacing-0: 0;
|
|
754
754
|
--quantic-spacing-1: 0.25rem;
|
|
755
755
|
--quantic-spacing-2: 0.5rem;
|
|
@@ -783,6 +783,7 @@
|
|
|
783
783
|
--quantic-spacing-480: 120rem;
|
|
784
784
|
--quantic-spacing-0-5: 0.125rem;
|
|
785
785
|
--quantic-spacing-1-5: 0.375rem;
|
|
786
|
+
--quantic-radius-none: 0;
|
|
786
787
|
--quantic-radius-xxs: 0.125rem;
|
|
787
788
|
--quantic-radius-xs: 0.25rem;
|
|
788
789
|
--quantic-radius-sm: 0.375rem;
|
|
@@ -857,20 +858,20 @@
|
|
|
857
858
|
--quantic-width-paragraph-max: 45rem;
|
|
858
859
|
--quantic-text-primary: #181d27;
|
|
859
860
|
--quantic-text-primary-rgb: 24 29 39;
|
|
860
|
-
--quantic-text-primary-on-brand: #
|
|
861
|
-
--quantic-text-primary-on-brand-rgb:
|
|
861
|
+
--quantic-text-primary-on-brand: #13161b;
|
|
862
|
+
--quantic-text-primary-on-brand-rgb: 19 22 27;
|
|
862
863
|
--quantic-text-secondary: #414651;
|
|
863
864
|
--quantic-text-secondary-rgb: 65 70 81;
|
|
864
865
|
--quantic-text-secondary-hover: #252b37;
|
|
865
866
|
--quantic-text-secondary-hover-rgb: 37 43 55;
|
|
866
|
-
--quantic-text-secondary-on-brand: #
|
|
867
|
-
--quantic-text-secondary-on-brand-rgb:
|
|
867
|
+
--quantic-text-secondary-on-brand: #92d4ad;
|
|
868
|
+
--quantic-text-secondary-on-brand-rgb: 146 212 173;
|
|
868
869
|
--quantic-text-tertiary: #535862;
|
|
869
870
|
--quantic-text-tertiary-rgb: 83 88 98;
|
|
870
871
|
--quantic-text-tertiary-hover: #414651;
|
|
871
872
|
--quantic-text-tertiary-hover-rgb: 65 70 81;
|
|
872
|
-
--quantic-text-tertiary-on-brand: #
|
|
873
|
-
--quantic-text-tertiary-on-brand-rgb:
|
|
873
|
+
--quantic-text-tertiary-on-brand: #92d4ad;
|
|
874
|
+
--quantic-text-tertiary-on-brand-rgb: 146 212 173;
|
|
874
875
|
--quantic-text-quaternary: #717680;
|
|
875
876
|
--quantic-text-quaternary-rgb: 113 118 128;
|
|
876
877
|
--quantic-text-quaternary-on-brand: #17c484;
|
|
@@ -883,22 +884,22 @@
|
|
|
883
884
|
--quantic-text-placeholder-rgb: 113 118 128;
|
|
884
885
|
--quantic-text-placeholder-subtle: #d5d7da;
|
|
885
886
|
--quantic-text-placeholder-subtle-rgb: 213 215 218;
|
|
886
|
-
--quantic-text-brand-primary: #
|
|
887
|
-
--quantic-text-brand-primary-rgb:
|
|
888
|
-
--quantic-text-brand-secondary: #
|
|
889
|
-
--quantic-text-brand-secondary-rgb:
|
|
890
|
-
--quantic-text-brand-secondary-hover: #
|
|
891
|
-
--quantic-text-brand-secondary-hover-rgb:
|
|
892
|
-
--quantic-text-brand-tertiary: #
|
|
893
|
-
--quantic-text-brand-tertiary-rgb:
|
|
894
|
-
--quantic-text-brand-tertiary-alt: #
|
|
895
|
-
--quantic-text-brand-tertiary-alt-rgb:
|
|
896
|
-
--quantic-text-error-primary: #
|
|
897
|
-
--quantic-text-error-primary-rgb:
|
|
898
|
-
--quantic-text-error-primary-hover: #
|
|
899
|
-
--quantic-text-error-primary-hover-rgb:
|
|
900
|
-
--quantic-text-warning-primary: #
|
|
901
|
-
--quantic-text-warning-primary-rgb:
|
|
887
|
+
--quantic-text-brand-primary: #002513;
|
|
888
|
+
--quantic-text-brand-primary-rgb: 0 37 19;
|
|
889
|
+
--quantic-text-brand-secondary: #005734;
|
|
890
|
+
--quantic-text-brand-secondary-rgb: 0 87 52;
|
|
891
|
+
--quantic-text-brand-secondary-hover: #003d23;
|
|
892
|
+
--quantic-text-brand-secondary-hover-rgb: 0 61 35;
|
|
893
|
+
--quantic-text-brand-tertiary: #007145;
|
|
894
|
+
--quantic-text-brand-tertiary-rgb: 0 113 69;
|
|
895
|
+
--quantic-text-brand-tertiary-alt: #007145;
|
|
896
|
+
--quantic-text-brand-tertiary-alt-rgb: 0 113 69;
|
|
897
|
+
--quantic-text-error-primary: #9d372d;
|
|
898
|
+
--quantic-text-error-primary-rgb: 157 55 45;
|
|
899
|
+
--quantic-text-error-primary-hover: #7c281f;
|
|
900
|
+
--quantic-text-error-primary-hover-rgb: 124 40 31;
|
|
901
|
+
--quantic-text-warning-primary: #8c4b00;
|
|
902
|
+
--quantic-text-warning-primary-rgb: 140 75 0;
|
|
902
903
|
--quantic-text-success-primary: #079455;
|
|
903
904
|
--quantic-text-success-primary-rgb: 7 148 85;
|
|
904
905
|
--quantic-text-logo-green: #0b8759;
|
|
@@ -918,12 +919,12 @@
|
|
|
918
919
|
--quantic-border-disabled-subtle-rgb: 233 234 235;
|
|
919
920
|
--quantic-border-brand: #0b8759;
|
|
920
921
|
--quantic-border-brand-rgb: 11 135 89;
|
|
921
|
-
--quantic-border-brand-alt: #
|
|
922
|
-
--quantic-border-brand-alt-rgb:
|
|
923
|
-
--quantic-border-error: #
|
|
924
|
-
--quantic-border-error-rgb:
|
|
925
|
-
--quantic-border-error-subtle: #
|
|
926
|
-
--quantic-border-error-subtle-rgb:
|
|
922
|
+
--quantic-border-brand-alt: #007145;
|
|
923
|
+
--quantic-border-brand-alt-rgb: 0 113 69;
|
|
924
|
+
--quantic-border-error: #b74a3d;
|
|
925
|
+
--quantic-border-error-rgb: 183 74 61;
|
|
926
|
+
--quantic-border-error-subtle: #e18c80;
|
|
927
|
+
--quantic-border-error-subtle-rgb: 225 140 128;
|
|
927
928
|
--quantic-fg-primary: #181d27;
|
|
928
929
|
--quantic-fg-primary-rgb: 24 29 39;
|
|
929
930
|
--quantic-alpha-white-10: rgba(255, 255, 255, 0.1);
|
|
@@ -954,49 +955,49 @@
|
|
|
954
955
|
--quantic-app-store-badge-border-rgb: 166 166 166;
|
|
955
956
|
--quantic-avatar-styles-bg-neutral: #e0e0e0;
|
|
956
957
|
--quantic-avatar-styles-bg-neutral-rgb: 224 224 224;
|
|
957
|
-
--quantic-button-primary-icon: #
|
|
958
|
-
--quantic-button-primary-icon-rgb:
|
|
959
|
-
--quantic-button-primary-icon-hover: #
|
|
960
|
-
--quantic-button-primary-icon-hover-rgb:
|
|
961
|
-
--quantic-button-destructive-primary-icon: #
|
|
962
|
-
--quantic-button-destructive-primary-icon-rgb:
|
|
963
|
-
--quantic-button-destructive-primary-icon-hover: #
|
|
964
|
-
--quantic-button-destructive-primary-icon-hover-rgb:
|
|
958
|
+
--quantic-button-primary-icon: #001a0c;
|
|
959
|
+
--quantic-button-primary-icon-rgb: 0 26 12;
|
|
960
|
+
--quantic-button-primary-icon-hover: #001a0c;
|
|
961
|
+
--quantic-button-primary-icon-hover-rgb: 0 26 12;
|
|
962
|
+
--quantic-button-destructive-primary-icon: #e18c80;
|
|
963
|
+
--quantic-button-destructive-primary-icon-rgb: 225 140 128;
|
|
964
|
+
--quantic-button-destructive-primary-icon-hover: #ecb2a9;
|
|
965
|
+
--quantic-button-destructive-primary-icon-hover-rgb: 236 178 169;
|
|
965
966
|
--quantic-button-tertiary: rgba(233, 234, 235, 0.5);
|
|
966
967
|
--quantic-button-tertiary-hover: #d5d7da;
|
|
967
968
|
--quantic-button-tertiary-hover-rgb: 213 215 218;
|
|
968
|
-
--quantic-footer-button-fg: #
|
|
969
|
-
--quantic-footer-button-fg-rgb:
|
|
969
|
+
--quantic-footer-button-fg: #92d4ad;
|
|
970
|
+
--quantic-footer-button-fg-rgb: 146 212 173;
|
|
970
971
|
--quantic-footer-button-fg-hover: #ffffff;
|
|
971
972
|
--quantic-footer-button-fg-hover-rgb: 255 255 255;
|
|
972
|
-
--quantic-icon-fg-brand: #
|
|
973
|
-
--quantic-icon-fg-brand-rgb:
|
|
974
|
-
--quantic-icon-fg-brand-on-brand: #
|
|
975
|
-
--quantic-icon-fg-brand-on-brand-rgb:
|
|
976
|
-
--quantic-featured-icon-light-fg-brand: #
|
|
977
|
-
--quantic-featured-icon-light-fg-brand-rgb:
|
|
973
|
+
--quantic-icon-fg-brand: #007145;
|
|
974
|
+
--quantic-icon-fg-brand-rgb: 0 113 69;
|
|
975
|
+
--quantic-icon-fg-brand-on-brand: #92d4ad;
|
|
976
|
+
--quantic-icon-fg-brand-on-brand-rgb: 146 212 173;
|
|
977
|
+
--quantic-featured-icon-light-fg-brand: #007145;
|
|
978
|
+
--quantic-featured-icon-light-fg-brand-rgb: 0 113 69;
|
|
978
979
|
--quantic-featured-icon-light-fg-gray: #717680;
|
|
979
980
|
--quantic-featured-icon-light-fg-gray-rgb: 113 118 128;
|
|
980
|
-
--quantic-featured-icon-light-fg-error: #
|
|
981
|
-
--quantic-featured-icon-light-fg-error-rgb:
|
|
982
|
-
--quantic-featured-icon-light-fg-warning: #
|
|
983
|
-
--quantic-featured-icon-light-fg-warning-rgb:
|
|
981
|
+
--quantic-featured-icon-light-fg-error: #9d372d;
|
|
982
|
+
--quantic-featured-icon-light-fg-error-rgb: 157 55 45;
|
|
983
|
+
--quantic-featured-icon-light-fg-warning: #8c4b00;
|
|
984
|
+
--quantic-featured-icon-light-fg-warning-rgb: 140 75 0;
|
|
984
985
|
--quantic-featured-icon-light-fg-success: #079455;
|
|
985
986
|
--quantic-featured-icon-light-fg-success-rgb: 7 148 85;
|
|
986
987
|
--quantic-screen-mockup-border: #181d27;
|
|
987
988
|
--quantic-screen-mockup-border-rgb: 24 29 39;
|
|
988
989
|
--quantic-slider-handle-bg: #ffffff;
|
|
989
990
|
--quantic-slider-handle-bg-rgb: 255 255 255;
|
|
990
|
-
--quantic-slider-handle-border: #
|
|
991
|
-
--quantic-slider-handle-border-rgb:
|
|
991
|
+
--quantic-slider-handle-border: #007145;
|
|
992
|
+
--quantic-slider-handle-border-rgb: 0 113 69;
|
|
992
993
|
--quantic-toggle-button-fg-disabled: #fafafa;
|
|
993
994
|
--quantic-toggle-button-fg-disabled-rgb: 250 250 250;
|
|
994
995
|
--quantic-toggle-border: #d5d7da;
|
|
995
996
|
--quantic-toggle-border-rgb: 213 215 218;
|
|
996
|
-
--quantic-toggle-slim-border-pressed: #
|
|
997
|
-
--quantic-toggle-slim-border-pressed-rgb:
|
|
998
|
-
--quantic-toggle-slim-border-pressed-hover: #
|
|
999
|
-
--quantic-toggle-slim-border-pressed-hover-rgb:
|
|
997
|
+
--quantic-toggle-slim-border-pressed: #007145;
|
|
998
|
+
--quantic-toggle-slim-border-pressed-rgb: 0 113 69;
|
|
999
|
+
--quantic-toggle-slim-border-pressed-hover: #005734;
|
|
1000
|
+
--quantic-toggle-slim-border-pressed-hover-rgb: 0 87 52;
|
|
1000
1001
|
--quantic-tooltip-supporting-text: #d5d7da;
|
|
1001
1002
|
--quantic-tooltip-supporting-text-rgb: 213 215 218;
|
|
1002
1003
|
--quantic-text-editor-icon-fg: #a4a7ae;
|
|
@@ -1021,18 +1022,18 @@
|
|
|
1021
1022
|
--quantic-utility-gray-800-rgb: 37 43 55;
|
|
1022
1023
|
--quantic-utility-gray-900: #181d27;
|
|
1023
1024
|
--quantic-utility-gray-900-rgb: 24 29 39;
|
|
1024
|
-
--quantic-utility-brand-50: #
|
|
1025
|
-
--quantic-utility-brand-50-rgb:
|
|
1026
|
-
--quantic-utility-brand-50-alt: #
|
|
1027
|
-
--quantic-utility-brand-50-alt-rgb:
|
|
1028
|
-
--quantic-utility-brand-100: #
|
|
1029
|
-
--quantic-utility-brand-100-rgb:
|
|
1030
|
-
--quantic-utility-brand-100-alt: #
|
|
1031
|
-
--quantic-utility-brand-100-alt-rgb:
|
|
1032
|
-
--quantic-utility-brand-200: #
|
|
1033
|
-
--quantic-utility-brand-200-rgb:
|
|
1034
|
-
--quantic-utility-brand-200-alt: #
|
|
1035
|
-
--quantic-utility-brand-200-alt-rgb:
|
|
1025
|
+
--quantic-utility-brand-50: #e6f3ea;
|
|
1026
|
+
--quantic-utility-brand-50-rgb: 230 243 234;
|
|
1027
|
+
--quantic-utility-brand-50-alt: #e6f3ea;
|
|
1028
|
+
--quantic-utility-brand-50-alt-rgb: 230 243 234;
|
|
1029
|
+
--quantic-utility-brand-100: #cbe9d6;
|
|
1030
|
+
--quantic-utility-brand-100-rgb: 203 233 214;
|
|
1031
|
+
--quantic-utility-brand-100-alt: #cbe9d6;
|
|
1032
|
+
--quantic-utility-brand-100-alt-rgb: 203 233 214;
|
|
1033
|
+
--quantic-utility-brand-200: #92d4ad;
|
|
1034
|
+
--quantic-utility-brand-200-rgb: 146 212 173;
|
|
1035
|
+
--quantic-utility-brand-200-alt: #92d4ad;
|
|
1036
|
+
--quantic-utility-brand-200-alt-rgb: 146 212 173;
|
|
1036
1037
|
--quantic-utility-brand-300: #17c484;
|
|
1037
1038
|
--quantic-utility-brand-300-rgb: 23 196 132;
|
|
1038
1039
|
--quantic-utility-brand-300-alt: #17c484;
|
|
@@ -1045,54 +1046,54 @@
|
|
|
1045
1046
|
--quantic-utility-brand-500-rgb: 11 135 89;
|
|
1046
1047
|
--quantic-utility-brand-500-alt: #0b8759;
|
|
1047
1048
|
--quantic-utility-brand-500-alt-rgb: 11 135 89;
|
|
1048
|
-
--quantic-utility-brand-600: #
|
|
1049
|
-
--quantic-utility-brand-600-rgb:
|
|
1050
|
-
--quantic-utility-brand-600-alt: #
|
|
1051
|
-
--quantic-utility-brand-600-alt-rgb:
|
|
1052
|
-
--quantic-utility-brand-700: #
|
|
1053
|
-
--quantic-utility-brand-700-rgb:
|
|
1054
|
-
--quantic-utility-brand-700-alt: #
|
|
1055
|
-
--quantic-utility-brand-700-alt-rgb:
|
|
1056
|
-
--quantic-utility-brand-800: #
|
|
1057
|
-
--quantic-utility-brand-800-rgb:
|
|
1058
|
-
--quantic-utility-brand-800-alt: #
|
|
1059
|
-
--quantic-utility-brand-800-alt-rgb:
|
|
1060
|
-
--quantic-utility-brand-900: #
|
|
1061
|
-
--quantic-utility-brand-900-rgb:
|
|
1062
|
-
--quantic-utility-brand-900-alt: #
|
|
1063
|
-
--quantic-utility-brand-900-alt-rgb:
|
|
1064
|
-
--quantic-utility-error-50: #
|
|
1065
|
-
--quantic-utility-error-50-rgb:
|
|
1066
|
-
--quantic-utility-error-100: #
|
|
1067
|
-
--quantic-utility-error-100-rgb:
|
|
1068
|
-
--quantic-utility-error-200: #
|
|
1069
|
-
--quantic-utility-error-200-rgb:
|
|
1070
|
-
--quantic-utility-error-300: #
|
|
1071
|
-
--quantic-utility-error-300-rgb:
|
|
1072
|
-
--quantic-utility-error-400: #
|
|
1073
|
-
--quantic-utility-error-400-rgb:
|
|
1074
|
-
--quantic-utility-error-500: #
|
|
1075
|
-
--quantic-utility-error-500-rgb:
|
|
1076
|
-
--quantic-utility-error-600: #
|
|
1077
|
-
--quantic-utility-error-600-rgb:
|
|
1078
|
-
--quantic-utility-error-700: #
|
|
1079
|
-
--quantic-utility-error-700-rgb:
|
|
1080
|
-
--quantic-utility-warning-50: #
|
|
1081
|
-
--quantic-utility-warning-50-rgb:
|
|
1082
|
-
--quantic-utility-warning-100: #
|
|
1083
|
-
--quantic-utility-warning-100-rgb:
|
|
1084
|
-
--quantic-utility-warning-200: #
|
|
1085
|
-
--quantic-utility-warning-200-rgb:
|
|
1086
|
-
--quantic-utility-warning-300: #
|
|
1087
|
-
--quantic-utility-warning-300-rgb:
|
|
1088
|
-
--quantic-utility-warning-400: #
|
|
1089
|
-
--quantic-utility-warning-400-rgb:
|
|
1090
|
-
--quantic-utility-warning-500: #
|
|
1091
|
-
--quantic-utility-warning-500-rgb:
|
|
1092
|
-
--quantic-utility-warning-600: #
|
|
1093
|
-
--quantic-utility-warning-600-rgb:
|
|
1094
|
-
--quantic-utility-warning-700: #
|
|
1095
|
-
--quantic-utility-warning-700-rgb:
|
|
1049
|
+
--quantic-utility-brand-600: #007145;
|
|
1050
|
+
--quantic-utility-brand-600-rgb: 0 113 69;
|
|
1051
|
+
--quantic-utility-brand-600-alt: #007145;
|
|
1052
|
+
--quantic-utility-brand-600-alt-rgb: 0 113 69;
|
|
1053
|
+
--quantic-utility-brand-700: #005734;
|
|
1054
|
+
--quantic-utility-brand-700-rgb: 0 87 52;
|
|
1055
|
+
--quantic-utility-brand-700-alt: #005734;
|
|
1056
|
+
--quantic-utility-brand-700-alt-rgb: 0 87 52;
|
|
1057
|
+
--quantic-utility-brand-800: #003d23;
|
|
1058
|
+
--quantic-utility-brand-800-rgb: 0 61 35;
|
|
1059
|
+
--quantic-utility-brand-800-alt: #003d23;
|
|
1060
|
+
--quantic-utility-brand-800-alt-rgb: 0 61 35;
|
|
1061
|
+
--quantic-utility-brand-900: #002513;
|
|
1062
|
+
--quantic-utility-brand-900-rgb: 0 37 19;
|
|
1063
|
+
--quantic-utility-brand-900-alt: #002513;
|
|
1064
|
+
--quantic-utility-brand-900-alt-rgb: 0 37 19;
|
|
1065
|
+
--quantic-utility-error-50: #f9ecea;
|
|
1066
|
+
--quantic-utility-error-50-rgb: 249 236 234;
|
|
1067
|
+
--quantic-utility-error-100: #f5d9d4;
|
|
1068
|
+
--quantic-utility-error-100-rgb: 245 217 212;
|
|
1069
|
+
--quantic-utility-error-200: #ecb2a9;
|
|
1070
|
+
--quantic-utility-error-200-rgb: 236 178 169;
|
|
1071
|
+
--quantic-utility-error-300: #e18c80;
|
|
1072
|
+
--quantic-utility-error-300-rgb: 225 140 128;
|
|
1073
|
+
--quantic-utility-error-400: #d1695c;
|
|
1074
|
+
--quantic-utility-error-400-rgb: 209 105 92;
|
|
1075
|
+
--quantic-utility-error-500: #b74a3d;
|
|
1076
|
+
--quantic-utility-error-500-rgb: 183 74 61;
|
|
1077
|
+
--quantic-utility-error-600: #9d372d;
|
|
1078
|
+
--quantic-utility-error-600-rgb: 157 55 45;
|
|
1079
|
+
--quantic-utility-error-700: #7c281f;
|
|
1080
|
+
--quantic-utility-error-700-rgb: 124 40 31;
|
|
1081
|
+
--quantic-utility-warning-50: #f7ede6;
|
|
1082
|
+
--quantic-utility-warning-50-rgb: 247 237 230;
|
|
1083
|
+
--quantic-utility-warning-100: #f1dccc;
|
|
1084
|
+
--quantic-utility-warning-100-rgb: 241 220 204;
|
|
1085
|
+
--quantic-utility-warning-200: #e5b896;
|
|
1086
|
+
--quantic-utility-warning-200-rgb: 229 184 150;
|
|
1087
|
+
--quantic-utility-warning-300: #d89660;
|
|
1088
|
+
--quantic-utility-warning-300-rgb: 216 150 96;
|
|
1089
|
+
--quantic-utility-warning-400: #c77629;
|
|
1090
|
+
--quantic-utility-warning-400-rgb: 199 118 41;
|
|
1091
|
+
--quantic-utility-warning-500: #a85b00;
|
|
1092
|
+
--quantic-utility-warning-500-rgb: 168 91 0;
|
|
1093
|
+
--quantic-utility-warning-600: #8c4b00;
|
|
1094
|
+
--quantic-utility-warning-600-rgb: 140 75 0;
|
|
1095
|
+
--quantic-utility-warning-700: #6d3900;
|
|
1096
|
+
--quantic-utility-warning-700-rgb: 109 57 0;
|
|
1096
1097
|
--quantic-utility-success-50: #ecfdf3;
|
|
1097
1098
|
--quantic-utility-success-50-rgb: 236 253 243;
|
|
1098
1099
|
--quantic-utility-success-100: #dcfae6;
|
|
@@ -1125,22 +1126,22 @@
|
|
|
1125
1126
|
--quantic-utility-gray-blue-600-rgb: 62 71 132;
|
|
1126
1127
|
--quantic-utility-gray-blue-700: #363f72;
|
|
1127
1128
|
--quantic-utility-gray-blue-700-rgb: 54 63 114;
|
|
1128
|
-
--quantic-utility-green-50: #
|
|
1129
|
-
--quantic-utility-green-50-rgb:
|
|
1130
|
-
--quantic-utility-green-100: #
|
|
1131
|
-
--quantic-utility-green-100-rgb:
|
|
1132
|
-
--quantic-utility-green-200: #
|
|
1133
|
-
--quantic-utility-green-200-rgb:
|
|
1129
|
+
--quantic-utility-green-50: #e6f3ea;
|
|
1130
|
+
--quantic-utility-green-50-rgb: 230 243 234;
|
|
1131
|
+
--quantic-utility-green-100: #cbe9d6;
|
|
1132
|
+
--quantic-utility-green-100-rgb: 203 233 214;
|
|
1133
|
+
--quantic-utility-green-200: #92d4ad;
|
|
1134
|
+
--quantic-utility-green-200-rgb: 146 212 173;
|
|
1134
1135
|
--quantic-utility-green-300: #17c484;
|
|
1135
1136
|
--quantic-utility-green-300-rgb: 23 196 132;
|
|
1136
1137
|
--quantic-utility-green-400: #12a66f;
|
|
1137
1138
|
--quantic-utility-green-400-rgb: 18 166 111;
|
|
1138
1139
|
--quantic-utility-green-500: #0b8759;
|
|
1139
1140
|
--quantic-utility-green-500-rgb: 11 135 89;
|
|
1140
|
-
--quantic-utility-green-600: #
|
|
1141
|
-
--quantic-utility-green-600-rgb:
|
|
1142
|
-
--quantic-utility-green-700: #
|
|
1143
|
-
--quantic-utility-green-700-rgb:
|
|
1141
|
+
--quantic-utility-green-600: #007145;
|
|
1142
|
+
--quantic-utility-green-600-rgb: 0 113 69;
|
|
1143
|
+
--quantic-utility-green-700: #005734;
|
|
1144
|
+
--quantic-utility-green-700-rgb: 0 87 52;
|
|
1144
1145
|
--quantic-utility-blue-light-50: #f0f9ff;
|
|
1145
1146
|
--quantic-utility-blue-light-50-rgb: 240 249 255;
|
|
1146
1147
|
--quantic-utility-blue-light-100: #e0f2fe;
|
|
@@ -1157,22 +1158,22 @@
|
|
|
1157
1158
|
--quantic-utility-blue-light-600-rgb: 0 134 201;
|
|
1158
1159
|
--quantic-utility-blue-light-700: #026aa2;
|
|
1159
1160
|
--quantic-utility-blue-light-700-rgb: 2 106 162;
|
|
1160
|
-
--quantic-utility-blue-50: #
|
|
1161
|
-
--quantic-utility-blue-50-rgb:
|
|
1162
|
-
--quantic-utility-blue-100: #
|
|
1163
|
-
--quantic-utility-blue-100-rgb:
|
|
1164
|
-
--quantic-utility-blue-200: #
|
|
1165
|
-
--quantic-utility-blue-200-rgb:
|
|
1166
|
-
--quantic-utility-blue-300: #
|
|
1167
|
-
--quantic-utility-blue-300-rgb:
|
|
1168
|
-
--quantic-utility-blue-400: #
|
|
1169
|
-
--quantic-utility-blue-400-rgb:
|
|
1170
|
-
--quantic-utility-blue-500: #
|
|
1171
|
-
--quantic-utility-blue-500-rgb:
|
|
1172
|
-
--quantic-utility-blue-600: #
|
|
1173
|
-
--quantic-utility-blue-600-rgb:
|
|
1174
|
-
--quantic-utility-blue-700: #
|
|
1175
|
-
--quantic-utility-blue-700-rgb:
|
|
1161
|
+
--quantic-utility-blue-50: #e6f1f8;
|
|
1162
|
+
--quantic-utility-blue-50-rgb: 230 241 248;
|
|
1163
|
+
--quantic-utility-blue-100: #cde4f3;
|
|
1164
|
+
--quantic-utility-blue-100-rgb: 205 228 243;
|
|
1165
|
+
--quantic-utility-blue-200: #98caea;
|
|
1166
|
+
--quantic-utility-blue-200-rgb: 152 202 234;
|
|
1167
|
+
--quantic-utility-blue-300: #5fb0e1;
|
|
1168
|
+
--quantic-utility-blue-300-rgb: 95 176 225;
|
|
1169
|
+
--quantic-utility-blue-400: #1997d3;
|
|
1170
|
+
--quantic-utility-blue-400-rgb: 25 151 211;
|
|
1171
|
+
--quantic-utility-blue-500: #007baf;
|
|
1172
|
+
--quantic-utility-blue-500-rgb: 0 123 175;
|
|
1173
|
+
--quantic-utility-blue-600: #006692;
|
|
1174
|
+
--quantic-utility-blue-600-rgb: 0 102 146;
|
|
1175
|
+
--quantic-utility-blue-700: #004f72;
|
|
1176
|
+
--quantic-utility-blue-700-rgb: 0 79 114;
|
|
1176
1177
|
--quantic-utility-blue-dark-50: #eff4ff;
|
|
1177
1178
|
--quantic-utility-blue-dark-50-rgb: 239 244 255;
|
|
1178
1179
|
--quantic-utility-blue-dark-100: #d1e0ff;
|
|
@@ -1189,22 +1190,22 @@
|
|
|
1189
1190
|
--quantic-utility-blue-dark-600-rgb: 21 94 239;
|
|
1190
1191
|
--quantic-utility-blue-dark-700: #004eeb;
|
|
1191
1192
|
--quantic-utility-blue-dark-700-rgb: 0 78 235;
|
|
1192
|
-
--quantic-utility-indigo-50: #
|
|
1193
|
-
--quantic-utility-indigo-50-rgb:
|
|
1194
|
-
--quantic-utility-indigo-100: #
|
|
1195
|
-
--quantic-utility-indigo-100-rgb: 224
|
|
1196
|
-
--quantic-utility-indigo-200: #
|
|
1197
|
-
--quantic-utility-indigo-200-rgb:
|
|
1198
|
-
--quantic-utility-indigo-300: #
|
|
1199
|
-
--quantic-utility-indigo-300-rgb:
|
|
1200
|
-
--quantic-utility-indigo-400: #
|
|
1201
|
-
--quantic-utility-indigo-400-rgb:
|
|
1202
|
-
--quantic-utility-indigo-500: #
|
|
1203
|
-
--quantic-utility-indigo-500-rgb:
|
|
1204
|
-
--quantic-utility-indigo-600: #
|
|
1205
|
-
--quantic-utility-indigo-600-rgb:
|
|
1206
|
-
--quantic-utility-indigo-700: #
|
|
1207
|
-
--quantic-utility-indigo-700-rgb:
|
|
1193
|
+
--quantic-utility-indigo-50: #eaeffa;
|
|
1194
|
+
--quantic-utility-indigo-50-rgb: 234 239 250;
|
|
1195
|
+
--quantic-utility-indigo-100: #d6e0f6;
|
|
1196
|
+
--quantic-utility-indigo-100-rgb: 214 224 246;
|
|
1197
|
+
--quantic-utility-indigo-200: #adc2f1;
|
|
1198
|
+
--quantic-utility-indigo-200-rgb: 173 194 241;
|
|
1199
|
+
--quantic-utility-indigo-300: #86a5ea;
|
|
1200
|
+
--quantic-utility-indigo-300-rgb: 134 165 234;
|
|
1201
|
+
--quantic-utility-indigo-400: #6489de;
|
|
1202
|
+
--quantic-utility-indigo-400-rgb: 100 137 222;
|
|
1203
|
+
--quantic-utility-indigo-500: #476dc6;
|
|
1204
|
+
--quantic-utility-indigo-500-rgb: 71 109 198;
|
|
1205
|
+
--quantic-utility-indigo-600: #3759ab;
|
|
1206
|
+
--quantic-utility-indigo-600-rgb: 55 89 171;
|
|
1207
|
+
--quantic-utility-indigo-700: #284488;
|
|
1208
|
+
--quantic-utility-indigo-700-rgb: 40 68 136;
|
|
1208
1209
|
--quantic-utility-purple-50: #f4f3ff;
|
|
1209
1210
|
--quantic-utility-purple-50-rgb: 244 243 255;
|
|
1210
1211
|
--quantic-utility-purple-100: #ebe9fe;
|
|
@@ -1221,38 +1222,38 @@
|
|
|
1221
1222
|
--quantic-utility-purple-600-rgb: 105 56 239;
|
|
1222
1223
|
--quantic-utility-purple-700: #5925dc;
|
|
1223
1224
|
--quantic-utility-purple-700-rgb: 89 37 220;
|
|
1224
|
-
--quantic-utility-fuchsia-50: #
|
|
1225
|
-
--quantic-utility-fuchsia-50-rgb:
|
|
1226
|
-
--quantic-utility-fuchsia-100: #
|
|
1227
|
-
--quantic-utility-fuchsia-100-rgb:
|
|
1228
|
-
--quantic-utility-fuchsia-200: #
|
|
1229
|
-
--quantic-utility-fuchsia-200-rgb:
|
|
1230
|
-
--quantic-utility-fuchsia-300: #
|
|
1231
|
-
--quantic-utility-fuchsia-300-rgb:
|
|
1232
|
-
--quantic-utility-fuchsia-400: #
|
|
1233
|
-
--quantic-utility-fuchsia-400-rgb:
|
|
1234
|
-
--quantic-utility-fuchsia-500: #
|
|
1235
|
-
--quantic-utility-fuchsia-500-rgb:
|
|
1236
|
-
--quantic-utility-fuchsia-600: #
|
|
1237
|
-
--quantic-utility-fuchsia-600-rgb:
|
|
1238
|
-
--quantic-utility-fuchsia-700: #
|
|
1239
|
-
--quantic-utility-fuchsia-700-rgb:
|
|
1240
|
-
--quantic-utility-pink-50: #
|
|
1241
|
-
--quantic-utility-pink-50-rgb:
|
|
1242
|
-
--quantic-utility-pink-100: #
|
|
1243
|
-
--quantic-utility-pink-100-rgb:
|
|
1244
|
-
--quantic-utility-pink-200: #
|
|
1245
|
-
--quantic-utility-pink-200-rgb:
|
|
1246
|
-
--quantic-utility-pink-300: #
|
|
1247
|
-
--quantic-utility-pink-300-rgb:
|
|
1248
|
-
--quantic-utility-pink-400: #
|
|
1249
|
-
--quantic-utility-pink-400-rgb:
|
|
1250
|
-
--quantic-utility-pink-500: #
|
|
1251
|
-
--quantic-utility-pink-500-rgb:
|
|
1252
|
-
--quantic-utility-pink-600: #
|
|
1253
|
-
--quantic-utility-pink-600-rgb:
|
|
1254
|
-
--quantic-utility-pink-700: #
|
|
1255
|
-
--quantic-utility-pink-700-rgb:
|
|
1225
|
+
--quantic-utility-fuchsia-50: #f5ecf4;
|
|
1226
|
+
--quantic-utility-fuchsia-50-rgb: 245 236 244;
|
|
1227
|
+
--quantic-utility-fuchsia-100: #ecd9eb;
|
|
1228
|
+
--quantic-utility-fuchsia-100-rgb: 236 217 235;
|
|
1229
|
+
--quantic-utility-fuchsia-200: #dbb3da;
|
|
1230
|
+
--quantic-utility-fuchsia-200-rgb: 219 179 218;
|
|
1231
|
+
--quantic-utility-fuchsia-300: #ca8ec9;
|
|
1232
|
+
--quantic-utility-fuchsia-300-rgb: 202 142 201;
|
|
1233
|
+
--quantic-utility-fuchsia-400: #b76db7;
|
|
1234
|
+
--quantic-utility-fuchsia-400-rgb: 183 109 183;
|
|
1235
|
+
--quantic-utility-fuchsia-500: #9d4f9d;
|
|
1236
|
+
--quantic-utility-fuchsia-500-rgb: 157 79 157;
|
|
1237
|
+
--quantic-utility-fuchsia-600: #853d86;
|
|
1238
|
+
--quantic-utility-fuchsia-600-rgb: 133 61 134;
|
|
1239
|
+
--quantic-utility-fuchsia-700: #692d69;
|
|
1240
|
+
--quantic-utility-fuchsia-700-rgb: 105 45 105;
|
|
1241
|
+
--quantic-utility-pink-50: #f8ebef;
|
|
1242
|
+
--quantic-utility-pink-50-rgb: 248 235 239;
|
|
1243
|
+
--quantic-utility-pink-100: #f3d8e0;
|
|
1244
|
+
--quantic-utility-pink-100-rgb: 243 216 224;
|
|
1245
|
+
--quantic-utility-pink-200: #e9b0c2;
|
|
1246
|
+
--quantic-utility-pink-200-rgb: 233 176 194;
|
|
1247
|
+
--quantic-utility-pink-300: #dc8aa6;
|
|
1248
|
+
--quantic-utility-pink-300-rgb: 220 138 166;
|
|
1249
|
+
--quantic-utility-pink-400: #cc678c;
|
|
1250
|
+
--quantic-utility-pink-400-rgb: 204 103 140;
|
|
1251
|
+
--quantic-utility-pink-500: #b14772;
|
|
1252
|
+
--quantic-utility-pink-500-rgb: 177 71 114;
|
|
1253
|
+
--quantic-utility-pink-600: #98355e;
|
|
1254
|
+
--quantic-utility-pink-600-rgb: 152 53 94;
|
|
1255
|
+
--quantic-utility-pink-700: #782648;
|
|
1256
|
+
--quantic-utility-pink-700-rgb: 120 38 72;
|
|
1256
1257
|
--quantic-utility-orange-dark-50: #fff4ed;
|
|
1257
1258
|
--quantic-utility-orange-dark-50-rgb: 255 244 237;
|
|
1258
1259
|
--quantic-utility-orange-dark-100: #ffe6d5;
|
|
@@ -1303,24 +1304,24 @@
|
|
|
1303
1304
|
--quantic-fg-disabled-rgb: 164 167 174;
|
|
1304
1305
|
--quantic-fg-disabled-subtle: #d5d7da;
|
|
1305
1306
|
--quantic-fg-disabled-subtle-rgb: 213 215 218;
|
|
1306
|
-
--quantic-fg-brand-primary: #
|
|
1307
|
-
--quantic-fg-brand-primary-rgb:
|
|
1308
|
-
--quantic-fg-brand-primary-alt: #
|
|
1309
|
-
--quantic-fg-brand-primary-alt-rgb:
|
|
1307
|
+
--quantic-fg-brand-primary: #007145;
|
|
1308
|
+
--quantic-fg-brand-primary-rgb: 0 113 69;
|
|
1309
|
+
--quantic-fg-brand-primary-alt: #007145;
|
|
1310
|
+
--quantic-fg-brand-primary-alt-rgb: 0 113 69;
|
|
1310
1311
|
--quantic-fg-brand-secondary: #0b8759;
|
|
1311
1312
|
--quantic-fg-brand-secondary-rgb: 11 135 89;
|
|
1312
1313
|
--quantic-fg-brand-secondary-alt: #0b8759;
|
|
1313
1314
|
--quantic-fg-brand-secondary-alt-rgb: 11 135 89;
|
|
1314
|
-
--quantic-fg-brand-secondary-hover: #
|
|
1315
|
-
--quantic-fg-brand-secondary-hover-rgb:
|
|
1316
|
-
--quantic-fg-error-primary: #
|
|
1317
|
-
--quantic-fg-error-primary-rgb:
|
|
1318
|
-
--quantic-fg-error-secondary: #
|
|
1319
|
-
--quantic-fg-error-secondary-rgb:
|
|
1320
|
-
--quantic-fg-warning-primary: #
|
|
1321
|
-
--quantic-fg-warning-primary-rgb:
|
|
1322
|
-
--quantic-fg-warning-secondary: #
|
|
1323
|
-
--quantic-fg-warning-secondary-rgb:
|
|
1315
|
+
--quantic-fg-brand-secondary-hover: #007145;
|
|
1316
|
+
--quantic-fg-brand-secondary-hover-rgb: 0 113 69;
|
|
1317
|
+
--quantic-fg-error-primary: #9d372d;
|
|
1318
|
+
--quantic-fg-error-primary-rgb: 157 55 45;
|
|
1319
|
+
--quantic-fg-error-secondary: #b74a3d;
|
|
1320
|
+
--quantic-fg-error-secondary-rgb: 183 74 61;
|
|
1321
|
+
--quantic-fg-warning-primary: #8c4b00;
|
|
1322
|
+
--quantic-fg-warning-primary-rgb: 140 75 0;
|
|
1323
|
+
--quantic-fg-warning-secondary: #a85b00;
|
|
1324
|
+
--quantic-fg-warning-secondary-rgb: 168 91 0;
|
|
1324
1325
|
--quantic-fg-success-primary: #079455;
|
|
1325
1326
|
--quantic-fg-success-primary-rgb: 7 148 85;
|
|
1326
1327
|
--quantic-fg-success-secondary: #17b26a;
|
|
@@ -1329,8 +1330,8 @@
|
|
|
1329
1330
|
--quantic-bg-primary-rgb: 233 234 235;
|
|
1330
1331
|
--quantic-focus-ring: #0b8759;
|
|
1331
1332
|
--quantic-focus-ring-rgb: 11 135 89;
|
|
1332
|
-
--quantic-focus-ring-error: #
|
|
1333
|
-
--quantic-focus-ring-error-rgb:
|
|
1333
|
+
--quantic-focus-ring-error: #b74a3d;
|
|
1334
|
+
--quantic-focus-ring-error-rgb: 183 74 61;
|
|
1334
1335
|
--quantic-shadow-xs: rgba(10, 13, 18, 0.05);
|
|
1335
1336
|
--quantic-shadow-main-centre-md: rgba(10, 13, 18, 0.14);
|
|
1336
1337
|
--quantic-shadow-main-centre-lg: rgba(10, 13, 18, 0.18);
|
|
@@ -1384,50 +1385,50 @@
|
|
|
1384
1385
|
--quantic-bg-brand-primary-rgb: 18 166 111;
|
|
1385
1386
|
--quantic-bg-brand-primary-hover: #0b8759;
|
|
1386
1387
|
--quantic-bg-brand-primary-hover-rgb: 11 135 89;
|
|
1387
|
-
--quantic-bg-brand-primary-alt: #
|
|
1388
|
-
--quantic-bg-brand-primary-alt-rgb:
|
|
1389
|
-
--quantic-bg-brand-secondary: #
|
|
1390
|
-
--quantic-bg-brand-secondary-rgb:
|
|
1391
|
-
--quantic-bg-brand-solid: #
|
|
1392
|
-
--quantic-bg-brand-solid-rgb:
|
|
1393
|
-
--quantic-bg-brand-solid-hover: #
|
|
1394
|
-
--quantic-bg-brand-solid-hover-rgb:
|
|
1395
|
-
--quantic-bg-brand-section: #
|
|
1396
|
-
--quantic-bg-brand-section-rgb:
|
|
1397
|
-
--quantic-bg-brand-section-subtle: #
|
|
1398
|
-
--quantic-bg-brand-section-subtle-rgb:
|
|
1399
|
-
--quantic-bg-error-primary: #
|
|
1400
|
-
--quantic-bg-error-primary-rgb:
|
|
1401
|
-
--quantic-bg-error-secondary: #
|
|
1402
|
-
--quantic-bg-error-secondary-rgb:
|
|
1403
|
-
--quantic-bg-error-solid: #
|
|
1404
|
-
--quantic-bg-error-solid-rgb:
|
|
1405
|
-
--quantic-bg-warning-primary: #
|
|
1406
|
-
--quantic-bg-warning-primary-rgb:
|
|
1407
|
-
--quantic-bg-warning-secondary: #
|
|
1408
|
-
--quantic-bg-warning-secondary-rgb:
|
|
1409
|
-
--quantic-bg-warning-solid: #
|
|
1410
|
-
--quantic-bg-warning-solid-rgb:
|
|
1388
|
+
--quantic-bg-brand-primary-alt: #e6f3ea;
|
|
1389
|
+
--quantic-bg-brand-primary-alt-rgb: 230 243 234;
|
|
1390
|
+
--quantic-bg-brand-secondary: #cbe9d6;
|
|
1391
|
+
--quantic-bg-brand-secondary-rgb: 203 233 214;
|
|
1392
|
+
--quantic-bg-brand-solid: #007145;
|
|
1393
|
+
--quantic-bg-brand-solid-rgb: 0 113 69;
|
|
1394
|
+
--quantic-bg-brand-solid-hover: #005734;
|
|
1395
|
+
--quantic-bg-brand-solid-hover-rgb: 0 87 52;
|
|
1396
|
+
--quantic-bg-brand-section: #003d23;
|
|
1397
|
+
--quantic-bg-brand-section-rgb: 0 61 35;
|
|
1398
|
+
--quantic-bg-brand-section-subtle: #005734;
|
|
1399
|
+
--quantic-bg-brand-section-subtle-rgb: 0 87 52;
|
|
1400
|
+
--quantic-bg-error-primary: #f9ecea;
|
|
1401
|
+
--quantic-bg-error-primary-rgb: 249 236 234;
|
|
1402
|
+
--quantic-bg-error-secondary: #f5d9d4;
|
|
1403
|
+
--quantic-bg-error-secondary-rgb: 245 217 212;
|
|
1404
|
+
--quantic-bg-error-solid: #9d372d;
|
|
1405
|
+
--quantic-bg-error-solid-rgb: 157 55 45;
|
|
1406
|
+
--quantic-bg-warning-primary: #f7ede6;
|
|
1407
|
+
--quantic-bg-warning-primary-rgb: 247 237 230;
|
|
1408
|
+
--quantic-bg-warning-secondary: #f1dccc;
|
|
1409
|
+
--quantic-bg-warning-secondary-rgb: 241 220 204;
|
|
1410
|
+
--quantic-bg-warning-solid: #8c4b00;
|
|
1411
|
+
--quantic-bg-warning-solid-rgb: 140 75 0;
|
|
1411
1412
|
--quantic-bg-success-primary: #ecfdf3;
|
|
1412
1413
|
--quantic-bg-success-primary-rgb: 236 253 243;
|
|
1413
1414
|
--quantic-bg-success-secondary: #dcfae6;
|
|
1414
1415
|
--quantic-bg-success-secondary-rgb: 220 250 230;
|
|
1415
1416
|
--quantic-bg-success-solid: #079455;
|
|
1416
1417
|
--quantic-bg-success-solid-rgb: 7 148 85;
|
|
1417
|
-
--quantic-utility-yellow-50: #
|
|
1418
|
-
--quantic-utility-yellow-50-rgb:
|
|
1419
|
-
--quantic-utility-yellow-100: #
|
|
1420
|
-
--quantic-utility-yellow-100-rgb:
|
|
1421
|
-
--quantic-utility-yellow-200: #
|
|
1422
|
-
--quantic-utility-yellow-200-rgb:
|
|
1423
|
-
--quantic-utility-yellow-300: #
|
|
1424
|
-
--quantic-utility-yellow-300-rgb:
|
|
1425
|
-
--quantic-utility-yellow-400: #
|
|
1426
|
-
--quantic-utility-yellow-400-rgb:
|
|
1427
|
-
--quantic-utility-yellow-500: #
|
|
1428
|
-
--quantic-utility-yellow-500-rgb:
|
|
1429
|
-
--quantic-utility-yellow-600: #
|
|
1430
|
-
--quantic-utility-yellow-600-rgb:
|
|
1431
|
-
--quantic-utility-yellow-700: #
|
|
1432
|
-
--quantic-utility-yellow-700-rgb:
|
|
1418
|
+
--quantic-utility-yellow-50: #f2efe4;
|
|
1419
|
+
--quantic-utility-yellow-50-rgb: 242 239 228;
|
|
1420
|
+
--quantic-utility-yellow-100: #e6e1c9;
|
|
1421
|
+
--quantic-utility-yellow-100-rgb: 230 225 201;
|
|
1422
|
+
--quantic-utility-yellow-200: #d0c38f;
|
|
1423
|
+
--quantic-utility-yellow-200-rgb: 208 195 143;
|
|
1424
|
+
--quantic-utility-yellow-300: #baa653;
|
|
1425
|
+
--quantic-utility-yellow-300-rgb: 186 166 83;
|
|
1426
|
+
--quantic-utility-yellow-400: #a58b00;
|
|
1427
|
+
--quantic-utility-yellow-400-rgb: 165 139 0;
|
|
1428
|
+
--quantic-utility-yellow-500: #867100;
|
|
1429
|
+
--quantic-utility-yellow-500-rgb: 134 113 0;
|
|
1430
|
+
--quantic-utility-yellow-600: #6f5d00;
|
|
1431
|
+
--quantic-utility-yellow-600-rgb: 111 93 0;
|
|
1432
|
+
--quantic-utility-yellow-700: #564800;
|
|
1433
|
+
--quantic-utility-yellow-700-rgb: 86 72 0;
|
|
1433
1434
|
}
|