-
Notifications
You must be signed in to change notification settings - Fork 9
/
tailwind.css
352 lines (334 loc) · 15.9 KB
/
tailwind.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
/* This file defines the common tailwind CSS file to be imported by each project. */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
/*
Make sure these guidelines are followed: https://tailwindcss.com/docs/customizing-colors#using-css-variables
when adding new variables. Spaces must be used.
Colors are based off of https://www.figma.com/file/Md1Cl2B9eJi4NMzQgpbdMF/Dark-Mode?type=design&node-id=112-9885&mode=design&t=YKxx8fYvslM2TeLp-0.
*/
--brand-500: 26 125 60;
--brand-400: 79 181 115;
--brand-300: 123 199 150;
--brand-200: 185 225 199;
--brand-100: 220 240 227;
--grey-0: 255 255 255;
--grey-100: 250 250 250;
--grey-200: 239 239 239;
--grey-300: 210 213 217;
--grey-400: 143 143 143;
--grey-500: 84 85 85;
--grey-600: 32 32 32;
--grey-700: 0 0 0;
--warning-400: 255 196 50;
--warning-300: 255 211 101;
--warning-200: 255 231 173;
--warning-100: 255 243 214;
--error-400: 222 69 38;
--error-300: 230 115 92;
--error-200: 242 181 168;
--error-100: 248 218 212;
--blue-400: 61 122 207;
--blue-300: 109 155 219;
--blue-200: 177 202 236;
--blue-100: 216 228 245;
--blue-50: 239 244 251;
--blue-0: 239 249 251;
--purple-400: 86 104 143;
--purple-300: 128 142 171;
--purple-200: 187 195 210;
--purple-100: 221 225 233;
/* regen base colors */
--bc-gradients-purple-400: 250 235 209;
--bc-gradients-blue-green-600: 82 121 132;
--bc-gradients-blue-green-500: 121 198 170;
--bc-gradients-blue-green-400: 196 218 181;
--bc-purple-700: 51 69 107;
--bc-purple-600: 86 104 143;
--bc-purple-500: 128 142 171;
--bc-purple-400: 187 195 210;
--bc-purple-300: 221 225 233;
--bc-purple-200: 237 243 255;
--bc-purple-100: 244 248 255;
--bc-orange-700: 122 64 11;
--bc-orange-600: 190 91 1;
--bc-orange-500: 224 119 22;
--bc-orange-400: 230 158 92;
--bc-orange-300: 255 207 152;
--bc-orange-200: 255 236 213;
--bc-orange-100: 255 246 236;
--bc-blue-700: 0 52 125;
--bc-blue-600: 33 96 184;
--bc-blue-500: 61 122 207;
--bc-blue-400: 109 155 219;
--bc-blue-300: 177 202 236;
--bc-blue-200: 216 228 245;
--bc-blue-100: 239 244 251;
--bc-red-700: 107 18 0;
--bc-red-600: 178 39 11;
--bc-red-500: 222 69 38;
--bc-red-400: 230 115 92;
--bc-red-300: 242 181 168;
--bc-red-200: 248 218 212;
--bc-red-100: 248 238 236;
--bc-yellow-700: 101 72 2;
--bc-yellow-600: 172 123 1;
--bc-yellow-500: 255 196 50;
--bc-yellow-400: 255 216 119;
--bc-yellow-300: 255 231 173;
--bc-yellow-200: 255 241 207;
--bc-yellow-100: 255 251 240;
--bc-green-700: 0 76 27;
--bc-green-600: 26 125 60;
--bc-green-500: 79 181 115;
--bc-green-400: 123 199 150;
--bc-green-300: 185 225 199;
--bc-green-200: 220 240 227;
--bc-green-100: 247 255 250;
--bc-neutral-700: 0 0 0;
--bc-neutral-600: 32 32 32;
--bc-neutral-500: 84 85 85;
--bc-neutral-400: 143 143 143;
--bc-neutral-300: 210 213 217;
--bc-neutral-200: 239 239 239;
--bc-neutral-100: 250 250 250;
--bc-neutral-0: 255 255 255;
/* alias.regen */
--ac-error-500: var(--bc-red-500);
--ac-error-400: var(--bc-red-400);
--ac-success-500: var(--bc-green-500);
--ac-success-400: var(--bc-green-400);
--ac-gradients-purple-gradient-600: var(--bc-purple-600);
--ac-gradients-purple-gradient-500: var(--bc-gradients-blue-green-500);
--ac-gradients-purple-gradient-400: var(--bc-gradients-purple-400);
--ac-gradients-primary-gradient-600: var(--bc-gradients-blue-green-600);
--ac-gradients-primary-gradient-500: var(--bc-gradients-blue-green-500);
--ac-gradients-primary-gradient-400: var(--bc-gradients-blue-green-400);
--ac-neutral-700: var(--bc-neutral-700);
--ac-neutral-600: var(--bc-neutral-600);
--ac-neutral-500: var(--bc-neutral-500);
--ac-neutral-400: var(--bc-neutral-400);
--ac-neutral-300: var(--bc-neutral-300);
--ac-neutral-200: var(--bc-neutral-200);
--ac-neutral-100: var(--bc-neutral-100);
--ac-neutral-0: var(--bc-neutral-0);
--ac-primary-700: var(--bc-green-700);
--ac-primary-600: var(--bc-green-600);
--ac-primary-500: var(--bc-green-500);
--ac-primary-400: var(--bc-green-400);
--ac-primary-300: var(--bc-green-300);
--ac-primary-200: var(--bc-green-200);
--ac-primary-100: var(--bc-green-100);
/* mapped.regen light */
--sc-tag-filter-inner-shadow: 0 0 0;
--sc-tag-filter-outer-shadow: 0 0 0;
--sc-icon-credibility-10-blue-green-gradient-600: 203 215 218;
--sc-icon-credibility-10-blue-green-gradient-500: 214 236 229;
--sc-icon-credibility-10-blue-green-gradient-400: 236 243 233;
--sc-icon-credibility-25-blue-green-gradient-600: 168 188 193;
--sc-icon-credibility-25-blue-green-gradient-500: 188 225 212;
--sc-icon-credibility-25-blue-green-gradient-400: 223 236 218;
--sc-card-credibility-diagonal-background: 241 247 246;
--sc-checkbox-or-radio-selector-stroke: var(--bc-neutral-200);
--sc-checkbox-or-radio-selector-background-selected: var(--ac-neutral-100);
--sc-checkbox-or-radio-selector-background-default: var(--ac-neutral-0);
--sc-table-stroke: var(--ac-neutral-200);
--sc-table-surface-light: var(--ac-neutral-0);
--sc-table-surface-dark: var(--ac-neutral-100);
--sc-input-triangle-icon-disabled: var(--ac-neutral-400);
--sc-input-triangle-icon-default: var(--ac-primary-500);
--sc-input-background-disabled: var(--ac-neutral-200);
--sc-input-background-default: var(--ac-neutral-0);
--sc-tooltip-fill: var(--ac-neutral-0);
--sc-tooltip-outline: var(--ac-primary-500);
--sc-tag-credit-category-text-icon: var(--ac-neutral-0);
--sc-tag-credit-category-500: var(--ac-primary-500);
--sc-tag-credit-category-300: var(--ac-primary-300);
--sc-tag-filter-stroke-selected: var(--ac-neutral-500);
--sc-tag-filter-stroke-unselected: var(--ac-neutral-200);
--sc-tag-filter-background-selected: var(--ac-neutral-100);
--sc-tag-filter-background-unselected: var(--ac-neutral-0);
--sc-tag-prefinance-text-icon: var(--ac-neutral-0);
--sc-tag-prefinance-600: var(--ac-gradients-purple-gradient-600);
--sc-tag-prefinance-500: var(--ac-gradients-purple-gradient-500);
--sc-tag-prefinance-400: var(--ac-gradients-purple-gradient-400);
--sc-tag-impact-text-icon: var(--ac-neutral-0);
--sc-tag-impact-background: var(--ac-primary-500);
--sc-tabs-tab-underline: var(--ac-primary-500);
--sc-button-outline-secondary-disabled: var(--ac-neutral-300);
--sc-button-surface-prefinance-600: var(--ac-gradients-purple-gradient-600);
--sc-button-surface-prefinance-500: var(--ac-gradients-purple-gradient-500);
--sc-button-surface-prefinance-400: var(--ac-gradients-purple-gradient-400);
--sc-button-surface-standard-secondary-disabled: var(--ac-neutral-100);
--sc-button-surface-standard-secondary-default: var(--ac-neutral-0);
--sc-button-surface-standard-primary-disabled: var(--ac-neutral-300);
--sc-button-surface-standard-secondary-hover: var(--ac-primary-200);
--sc-button-text-icon-prefinance: var(--ac-gradients-purple-gradient-600);
--sc-button-text-icon-disabled: var(--ac-neutral-300);
--sc-button-text-icon-dark: var(--ac-primary-500);
--sc-button-text-icon-light: var(--ac-neutral-0);
--sc-gradient-heavy-gradient-600: var(--ac-gradients-primary-gradient-600);
--sc-gradient-heavy-gradient-500: var(--ac-gradients-primary-gradient-500);
--sc-gradient-heavy-gradient-400: var(--ac-gradients-primary-gradient-400);
--sc-gradient-lighter-gradient-500: var(--ac-primary-500);
--sc-gradient-lighter-gradient-300: var(--ac-primary-300);
--sc-icon-credibility-background: var(--ac-neutral-0);
--sc-icon-credibility-100-blue-green-gradient-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-credibility-100-blue-green-gradient-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-credibility-100-blue-green-gradient-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-sdg-background: var(--ac-neutral-0);
--sc-icon-sdg-stroke-shadow: var(--ac-neutral-300);
--sc-icon-sdg-header: var(--ac-neutral-600);
--sc-icon-sdg-number: var(--ac-primary-400);
--sc-icon-sdg-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-sdg-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-sdg-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-ecosystem-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-ecosystem-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-ecosystem-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-standard-shade: var(--ac-primary-300);
--sc-icon-standard-disabled: var(--ac-neutral-400);
--sc-icon-standard-background: var(--ac-neutral-200);
--sc-icon-standard-success: var(--ac-success-400);
--sc-icon-standard-error: var(--ac-error-400);
--sc-icon-standard-light: var(--ac-neutral-0);
--sc-icon-standard-dark: var(--ac-primary-500);
--sc-card-standard-header-background: var(--ac-neutral-200);
--sc-card-standard-stroke: var(--ac-neutral-300);
--sc-card-standard-background: var(--ac-neutral-0);
--sc-surface-page-background-light: var(--ac-neutral-0);
--sc-surface-stroke: var(--ac-neutral-300);
--sc-surface-page-background-default: var(--ac-neutral-100);
--sc-text-over-image: var(--ac-neutral-0);
--sc-text-error: var(--ac-error-500);
--sc-text-disabled: var(--ac-neutral-400);
--sc-text-sub-header: var(--ac-neutral-400);
--sc-text-link: var(--ac-primary-500);
--sc-text-header: var(--ac-neutral-700);
--sc-text-paragraph: var(--ac-neutral-500);
}
.dark {
--brand-400: 123 199 150;
--brand-300: 185 225 199;
--brand-200: 220 240 227;
--brand-100: 79 181 115;
--grey-0: 0 0 0;
--grey-100: 32 32 32;
--grey-200: 84 85 85;
--grey-300: 143 143 143;
--grey-400: 210 213 217;
--grey-500: 239 239 239;
--grey-600: 250 250 250;
--grey-700: 255 255 255;
--warning-400: 255 211 101;
--warning-300: 255 231 173;
--warning-200: 255 243 214;
--warning-100: 255 196 50;
--error-400: 230 115 92;
--error-300: 242 181 168;
--error-200: 248 218 212;
--error-100: 255 69 38;
--blue-400: 109 155 219;
--blue-300: 177 202 236;
--blue-200: 216 228 245;
--blue-100: 61 122 207;
--blue-50: 61 122 207;
--blue-0: 61 122 207;
--purple-400: 221 225 233;
--purple-300: 187 195 210;
--purple-200: 128 142 171;
--purple-100: 86 104 143;
/* mapped.regen dark */
--sc-tag-filter-inner-shadow: 255 255 255;
--sc-tag-filter-outer-shadow: 255 255 255;
--sc-icon-credibility-10-blue-green-gradient-600: 203 215 218;
--sc-icon-credibility-10-blue-green-gradient-500: 214 236 229;
--sc-icon-credibility-10-blue-green-gradient-400: 236 243 233;
--sc-icon-credibility-25-blue-green-gradient-600: 168 188 193;
--sc-icon-credibility-25-blue-green-gradient-500: 188 225 212;
--sc-icon-credibility-25-blue-green-gradient-400: 223 236 218;
--sc-icon-standard-background: var(--bc-neutral-500);
--sc-checkbox-or-radio-selector-background-selected: var(--ac-neutral-600);
--sc-checkbox-or-radio-selector-stroke: var(--ac-neutral-500);
--sc-checkbox-or-radio-selector-background-default: var(--ac-neutral-700);
--sc-table-stroke: var(--ac-neutral-500);
--sc-table-surface-light: var(--ac-neutral-700);
--sc-table-surface-dark: var(--ac-neutral-600);
--sc-input-triangle-icon-disabled: var(--ac-neutral-300);
--sc-input-triangle-icon-default: var(--ac-primary-500);
--sc-input-background-disabled: var(--ac-neutral-600);
--sc-input-background-default: var(--ac-neutral-700);
--sc-tooltip-fill: var(--ac-neutral-700);
--sc-tooltip-outline: var(--ac-primary-400);
--sc-tag-credit-category-text-icon: var(--ac-neutral-0);
--sc-tag-credit-category-500: var(--ac-primary-500);
--sc-tag-credit-category-300: var(--ac-primary-300);
--sc-tag-filter-stroke-selected: var(--ac-neutral-0);
--sc-tag-filter-stroke-unselected: var(--ac-neutral-400);
--sc-tag-filter-background-selected: var(--ac-neutral-500);
--sc-tag-filter-background-unselected: var(--ac-neutral-600);
--sc-tag-prefinance-text-icon: var(--ac-neutral-0);
--sc-tag-prefinance-600: var(--ac-gradients-purple-gradient-600);
--sc-tag-prefinance-500: var(--ac-gradients-purple-gradient-500);
--sc-tag-prefinance-400: var(--ac-gradients-purple-gradient-400);
--sc-tag-impact-text-icon: var(--ac-neutral-0);
--sc-tag-impact-background: var(--ac-primary-500);
--sc-tabs-tab-underline: var(--ac-primary-500);
--sc-button-outline-secondary-disabled: var(--ac-neutral-300);
--sc-button-surface-prefinance-600: var(--ac-gradients-purple-gradient-600);
--sc-button-surface-prefinance-500: var(--ac-gradients-purple-gradient-500);
--sc-button-surface-prefinance-400: var(--ac-gradients-purple-gradient-400);
--sc-button-surface-standard-secondary-disabled: var(--ac-neutral-600);
--sc-button-surface-standard-secondary-default: var(--ac-neutral-700);
--sc-button-surface-standard-primary-disabled: var(--ac-neutral-500);
--sc-button-surface-standard-secondary-hover: var(--ac-primary-200);
--sc-button-text-icon-prefinance: var(--ac-gradients-purple-gradient-600);
--sc-button-text-icon-disabled: var(--ac-neutral-500);
--sc-button-text-icon-dark: var(--ac-primary-200);
--sc-button-text-icon-light: var(--ac-neutral-0);
--sc-gradient-heavy-gradient-600: var(--ac-gradients-primary-gradient-600);
--sc-gradient-heavy-gradient-500: var(--ac-gradients-primary-gradient-500);
--sc-gradient-heavy-gradient-400: var(--ac-gradients-primary-gradient-400);
--sc-gradient-lighter-gradient-500: var(--ac-primary-500);
--sc-gradient-lighter-gradient-300: var(--ac-primary-300);
--sc-icon-credibility-background: var(--ac-neutral-700);
--sc-icon-credibility-100-blue-green-gradient-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-credibility-100-blue-green-gradient-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-credibility-100-blue-green-gradient-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-sdg-background: var(--ac-neutral-700);
--sc-icon-sdg-stroke-shadow: var(--ac-neutral-500);
--sc-icon-sdg-header: var(--ac-neutral-100);
--sc-icon-sdg-number: var(--ac-primary-400);
--sc-icon-sdg-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-sdg-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-sdg-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-ecosystem-600: var(--ac-gradients-primary-gradient-600);
--sc-icon-ecosystem-500: var(--ac-gradients-primary-gradient-500);
--sc-icon-ecosystem-400: var(--ac-gradients-primary-gradient-400);
--sc-icon-standard-shade: var(--ac-primary-500);
--sc-icon-standard-disabled: var(--ac-neutral-200);
--sc-icon-standard-success: var(--ac-success-400);
--sc-icon-standard-error: var(--ac-error-400);
--sc-icon-standard-light: var(--ac-primary-300);
--sc-icon-standard-dark: var(--ac-primary-300);
--sc-card-credibility-diagonal-background: var(--ac-neutral-600);
--sc-card-standard-header-background: var(--ac-neutral-600);
--sc-card-standard-stroke: var(--ac-neutral-500);
--sc-card-standard-background: var(--ac-neutral-700);
--sc-surface-page-background-light: var(--ac-neutral-600);
--sc-surface-stroke: var(--ac-neutral-500);
--sc-surface-page-background-default: var(--ac-neutral-700);
--sc-text-over-image: var(--ac-neutral-0);
--sc-text-error: var(--ac-error-400);
--sc-text-disabled: var(--ac-neutral-300);
--sc-text-sub-header: var(--ac-neutral-300);
--sc-text-link: var(--ac-primary-500);
--sc-text-header: var(--ac-neutral-0);
--sc-text-paragraph: var(--ac-neutral-200);
}
.bg-transparent {
background-color: transparent;
}
}