forked from eigent-ai/eigent
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.js
More file actions
694 lines (687 loc) · 27.9 KB
/
tailwind.config.js
File metadata and controls
694 lines (687 loc) · 27.9 KB
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
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ["class"],
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
red: {
50: "var(--colors-red-50)",
100: "var(--colors-red-100)",
200: "var(--colors-red-200)",
300: "var(--colors-red-300)",
400: "var(--colors-red-400)",
500: "var(--colors-red-500)",
700: "var(--colors-red-700)",
800: "var(--colors-red-800)",
900: "var(--colors-red-900)",
950: "var(--colors-red-950)",
default: "var(--colors-red-default)",
},
yellow: {
50: "var(--colors-yellow-50)",
100: "var(--colors-yellow-100)",
200: "var(--colors-yellow-200)",
300: "var(--colors-yellow-300)",
400: "var(--colors-yellow-400)",
500: "var(--colors-yellow-500)",
700: "var(--colors-yellow-700)",
800: "var(--colors-yellow-800)",
900: "var(--colors-yellow-900)",
950: "var(--colors-yellow-950)",
default: "var(--colors-yellow-default)",
},
green: {
50: "var(--colors-green-50)",
100: "var(--colors-green-100)",
200: "var(--colors-green-200)",
300: "var(--colors-green-300)",
400: "var(--colors-green-400)",
500: "var(--colors-green-500)",
700: "var(--colors-green-700)",
800: "var(--colors-green-800)",
900: "var(--colors-green-900)",
950: "var(--colors-green-950)",
default: "var(--colors-green-default)",
},
indigo: {
50: "var(--colors-indigo-50)",
100: "var(--colors-indigo-100)",
200: "var(--colors-indigo-200)",
300: "var(--colors-indigo-300)",
400: "var(--colors-indigo-400)",
500: "var(--colors-indigo-500)",
700: "var(--colors-indigo-700)",
800: "var(--colors-indigo-800)",
900: "var(--colors-indigo-900)",
950: "var(--colors-indigo-950)",
default: "var(--colors-indigo-default)",
},
blue: {
50: "var(--colors-blue-50)",
100: "var(--colors-blue-100)",
200: "var(--colors-blue-200)",
300: "var(--colors-blue-300)",
400: "var(--colors-blue-400)",
500: "var(--colors-blue-500)",
700: "var(--colors-blue-700)",
800: "var(--colors-blue-800)",
900: "var(--colors-blue-900)",
950: "var(--colors-blue-950)",
default: "var(--colors-blue-default)",
},
amber: {
50: "var(--colors-amber-50)",
100: "var(--colors-amber-100)",
200: "var(--colors-amber-200)",
300: "var(--colors-amber-300)",
400: "var(--colors-amber-400)",
500: "var(--colors-amber-500)",
700: "var(--colors-amber-700)",
800: "var(--colors-amber-800)",
900: "var(--colors-amber-900)",
950: "var(--colors-amber-950)",
default: "var(--colors-amber-default)",
},
emerald: {
50: "var(--colors-emerald-50)",
100: "var(--colors-emerald-100)",
200: "var(--colors-emerald-200)",
300: "var(--colors-emerald-300)",
400: "var(--colors-emerald-400)",
500: "var(--colors-emerald-500)",
700: "var(--colors-emerald-700)",
800: "var(--colors-emerald-800)",
900: "var(--colors-emerald-900)",
950: "var(--colors-emerald-950)",
default: "var(--colors-emerald-default)",
},
purple: {
50: "var(--colors-purple-50)",
100: "var(--colors-purple-100)",
200: "var(--colors-purple-200)",
300: "var(--colors-purple-300)",
400: "var(--colors-purple-400)",
500: "var(--colors-purple-500)",
700: "var(--colors-purple-700)",
800: "var(--colors-purple-800)",
900: "var(--colors-purple-900)",
default: "var(--colors-purple-default)",
},
orange: {
50: "var(--colors-orange-50)",
100: "var(--colors-orange-100)",
200: "var(--colors-orange-200)",
300: "var(--colors-orange-300)",
400: "var(--colors-orange-400)",
500: "var(--colors-orange-500)",
700: "var(--colors-orange-700)",
800: "var(--colors-orange-800)",
900: "var(--colors-orange-900)",
950: "var(--colors-orange-950)",
default: "var(--colors-orange-default)",
},
sky: {
50: "var(--colors-sky-50)",
100: "var(--colors-sky-100)",
200: "var(--colors-sky-200)",
300: "var(--colors-sky-300)",
400: "var(--colors-sky-400)",
500: "var(--colors-sky-500)",
700: "var(--colors-sky-700)",
800: "var(--colors-sky-800)",
900: "var(--colors-sky-900)",
950: "var(--colors-sky-950)",
default: "var(--colors-sky-default)",
},
fuchsia: {
50: "var(--colors-fuchsia-50)",
100: "var(--colors-fuchsia-100)",
200: "var(--colors-fuchsia-200)",
300: "var(--colors-fuchsia-300)",
400: "var(--colors-fuchsia-400)",
500: "var(--colors-fuchsia-500)",
700: "var(--colors-fuchsia-700)",
800: "var(--colors-fuchsia-800)",
900: "var(--colors-fuchsia-900)",
950: "var(--colors-fuchsia-950)",
default: "var(--colors-fuchsia-default)",
},
black: {
"0%": "var(--colors-black-0)",
"10%": "var(--colors-black-10)",
"30%": "var(--colors-black-30)",
"50%": "var(--colors-black-50)",
"80%": "var(--colors-black-80)",
"100%": "var(--colors-black-100)",
},
primary: {
1: "var(--colors-primary-1)",
2: "var(--colors-primary-2)",
3: "var(--colors-primary-3)",
4: "var(--colors-primary-4)",
5: "var(--colors-primary-5)",
6: "var(--colors-primary-6)",
7: "var(--colors-primary-7)",
8: "var(--colors-primary-8)",
10: "var(--colors-primary-10)",
11: "var(--colors-primary-11)",
default: "var(--colors-primary-default)",
},
"off-white": {
"0%": "var(--colors-off-white-0)",
"10%": "var(--colors-off-white-10)",
"30%": "var(--colors-off-white-30)",
"50%": "var(--colors-off-white-50)",
"80%": "var(--colors-off-white-80)",
"100%": "var(--colors-off-white-100)",
},
white: {
0: "var(--colors-white-0)",
"80%": "var(--colors-white-80)",
"50%": "var(--colors-white-50)",
"30%": "var(--colors-white-30)",
"10%": "var(--colors-white-10)",
"100%": "var(--colors-white-100)",
},
"off-black": {
"0%": "var(--colors-off-black-0)",
"10%": "var(--colors-off-black-10)",
"30%": "var(--colors-off-black-30)",
"50%": "var(--colors-off-black-50)",
"80%": "var(--colors-off-black-80)",
"100%": "var(--colors-off-black-100)",
},
gradient: "var(--colors-gradient)",
log: {
default: "var(--log-default, #F5F5F5)",
},
input: {
"bg-default": "var(--input-bg-default)",
"bg-hover": "var(--input-bg-hover)",
"bg-spliting": "var(--input-bg-spliting)",
"bg-confirm": "var(--input-bg-confirm)",
"bg-input": "var(--input-bg-input)",
"border-default": "var(--input-border-default)",
"border-hover": "var(--input-border-hover)",
"border-focus": "var(--input-border-focus)",
"border-success": "var(--input-border-success)",
"border-cuation": "var(--input-border-cuation)",
"border-warning": "var(--input-border-warning)",
"text-default": "var(--input-text-default)",
"text-focus": "var(--input-text-focus)",
"text-success": "var(--text-success)",
"text-cuation": "var(--text-cuation)",
"text-warning": "var(--text-warning)",
"label-default": "var(--input-label-default)",
},
popup: {
surface: "var(--popup-surface)",
bg: "var(--popup-bg)",
border: "var(--popup-border)",
},
menutabs: {
"fill-default": "var(--menutabs-fill-default)",
"fill-hover": "var(--menutabs-fill-hover)",
"fill-active": "var(--menutabs-fill-active)",
"fill-disabled": "var(--menutabs-fill-disabled)",
"border-disabled": "var(--menutabs-border-disabled)",
"border-active": "var(--menutabs-border-active)",
"border-hover": "var(--menutabs-border-hover)",
"border-default": "var(--menutabs-border-default)",
"text-active": "var(--menutabs-text-active)",
"text-disabled": "var(--menutabs-text-disabled)",
"text-hover": "var(--menutabs-text-hover)",
"text-default": "var(--menutabs-text-default)",
"icon-hover": "var(--menutabs-icon-hover)",
"icon-default": "var(--menutabs-icon-default)",
"icon-disabled": "var(--menutabs-icon-disabled)",
"icon-active": "var(--menutabs-icon-active)",
"bg-default": "var(--menutabs-bg-default)",
},
progress: {
"fill-default": "var(--progress-fill-default)",
bg: "var(--progress-bg)",
"fill-complete": "var(--progress-fill-complete)",
"fill-past": "var(--progress-fill-past)",
"fill-new": "var(--progress-fill-new)",
},
button: {
primary: {
"fill-default": "var(--button-primary-fill-default)",
"fill-hover": "var(--button-primary-fill-hover)",
"fill-active": "var(--button-primary-fill-active)",
"fill-disabled": "var(--button-primary-fill-disabled)",
"icon-hover": "var(--button-primary-icon-hover)",
"icon-default": "var(--button-primary-icon-default)",
"text-disabled": "var(--button-primary-text-disabled)",
"text-active": "var(--button-primary-text-active)",
"text-hover": "var(--button-primary-text-hover)",
"text-default": "var(--button-primary-text-default)",
"icon-disabled": "var(--button-primary-icon-disabled)",
"icon-active": "var(--button-primary-icon-active)",
},
secondary: {
"fill-disabled": "var(--button-secondary-fill-disabled)",
"fill-active": "var(--button-secondary-fill-active)",
"fill-hover": "var(--button-secondary-fill-hover)",
"fill-default": "var(--button-secondary-fill-default)",
"text-default": "var(--button-secondary-text-default)",
"text-hover": "var(--button-secondary-text-hover)",
"text-active": "var(--button-secondary-text-active)",
"text-disabled": "var(--button-secondary-text-disabled)",
"icon-disabled": "var(--button-secondary-icon-disabled)",
"icon-active": "var(--button-secondary-icon-active)",
"icon-hover": "var(--button-secondary-icon-hover)",
"icon-default": "var(--button-secondary-icon-default)",
},
transparent: {
"fill-disabled": "var(--button-transparent-fill-disabled)",
"fill-active": "var(--button-transparent-fill-active)",
"fill-hover": "var(--button-transparent-fill-hover)",
"fill-default": "var(--button-transparent-fill-default)",
"icon-default": "var(--button-transparent-icon-default)",
"text-disabled": "var(--button-transparent-text-disabled)",
"text-default": "var(--button-transparent-text-default)",
"text-active": "var(--button-transparent-text-active)",
"icon-hover": "var(--button-transparent-icon-hover)",
"text-hover": "var(--button-transparent-text-hover)",
"icon-disabled": "var(--button-transparent-icon-disabled)",
"icon-active": "var(--button-transparent-icon-active)",
},
tertiery: {
"fill-hover": "var(--button-tertiery-fill-hover)",
"fill-default": "var(--button-tertiery-fill-default)",
"fill-disabled": "var(--button-tertiery-fill-disabled)",
"fill-active": "var(--button-tertiery-fill-active)",
"icon-hover": "var(--button-tertiery-icon-hover)",
"icon-default": "var(--button-tertiery-icon-default)",
"text-disabled": "var(--button-tertiery-text-disabled)",
"text-active": "var(--button-tertiery-text-active)",
"text-hover": "var(--button-tertiery-text-hover)",
"text-default": "var(--button-tertiery-text-default)",
"icon-disabled": "var(--button-tertiery-icon-disabled)",
"icon-active": "var(--button-tertiery-icon-active)",
"icon-hover 2": "var(--button-tertiery-icon-hover-2)",
"icon-default 2": "var(--button-tertiery-icon-default-2)",
"text-disabled 2": "var(--button-tertiery-text-disabled-2)",
"text-active 2": "var(--button-tertiery-text-active-2)",
"text-hover 2": "var(--button-tertiery-text-hover-2)",
"text-default 2": "var(--button-tertiery-text-default-2)",
"icon-disabled 2": "var(--button-tertiery-icon-disabled-2)",
"icon-active 2": "var(--button-tertiery-icon-active-2)",
},
"fill-success": "var(--button-fill-success)",
"fill-cuation": "var(--button-fill-cuation)",
"fill-warning": "var(--button-fill-warning)",
"fill-success-foreground": "var(--button-fill-success-foreground)",
"fill-cuation-foreground": "var(--button-fill-cuation-foreground)",
"fill-warning-foreground": "var(--button-fill-warning-foreground)",
"fill-information": "var(--button-fill-information)",
"fill-information-foreground":
"var(--button-fill-information-foreground)",
"text-information-foreground":
"var(--button-fill-information-foreground)",
},
badge: {
"running-surface": "var(--badge-running-surface)",
"running-surface-foreground":
"var(--badge-running-surface-foreground)",
"paused-surface-foreground": "var(--badge-paused-surface-foreground)",
"paused-surface": "var(--badge-paused-surface)",
"error-surface-foreground": "var(--badge-error-surface-foreground)",
"error-surface": "var(--badge-error-surface)",
"complete-surface-foreground":
"var(--badge-complete-surface-foreground)",
"complete-surface": "var(--badge-complete-surface)",
"splitting-surface-foreground":
"var(--badge-splitting-surface-foreground)",
"splitting-surface": "var(--badge-splitting-surface)",
},
switch: {
"off-fill-track-fill": "var(--switch-off-fill-track-fill)",
"off-fill-track-border": "var(--switch-off-fill-track-border)",
"off-fill-thumb-border": "var(--switch-off-fill-thumb-border)",
"off-fill-thumb-fill": "var(--switch-off-fill-thumb-fill)",
"on-fill-thumb-border": "var(--switch-on-fill-thumb-border)",
"on-fill-thumb-fill": "var(--switch-on-fill-thumb-fill)",
"on-fill-track-border": "var(--switch-on-fill-track-border)",
"on-fill-track-fill": "var(--switch-on-fill-track-fill)",
"disabled-fill-thumb-border":
"var(--switch-disabled-fill-thumb-border)",
"disabled-fill-track-border":
"var(--switch-disabled-fill-track-border)",
"disabled-fill-thumb-fill": "var(--switch-disabled-fill-thumb-fill)",
"disabled-fill-track-fill": "var(--switch-disabled-fill-track-fill)",
},
pill: {
bg: "var(--pill-bg)",
surface: "var(--pill-surface)",
border: "var(--pill-border)",
},
menubutton: {
"fill-default": "var(--menubutton-fill-default)",
"fill-hover": "var(--menubutton-fill-hover)",
"fill-active": "var(--menubutton-fill-active)",
"border-active": "var(--menubutton-border-active)",
"border-default": "var(--menubutton-border-default)",
"border-hover": "var(--menubutton-border-hover)",
disabled: "var(--menubutton-disabled)",
},
dropdown: {
bg: "var(--dropdown-bg)",
border: "var(--dropdown-border)",
"item-bg-default": "var(--dropdown-item-bg-default)",
"item-bg-hover": "var(--dropdown-item-bg-hover)",
"item-bg-active": "var(--dropdown-item-bg-active)",
},
search: {
bg: "var(--search-bg)",
"border-hover": "var(--search-border-hover)",
"border-default": "var(--search-border-default)",
default: "var(--search-default)",
},
tag: {
surface: "var(--tag-surface)",
"fill-browser": "var(--tag-fill-browser)",
"fill-developer": "var(--tag-fill-developer)",
"fill-document": "var(--tag-fill-document)",
"fill-multimodal": "var(--tag-fill-multimodal)",
"fill-socialmedia": "var(--tag-fill-socialmedia)",
"fill-info": "var(--tag-fill-info)",
"foreground-info": "var(--tag-foreground-info)",
"text-info": "var(--tag-text-info)",
"surface-hover": "var(--tag-surface-hover)",
"fill-success": "var(--tag-fill-success)",
"foreground-success": "var(--tag-foreground-success)",
"text-success": "var(--tag-text-success)",
"fill-warning": "var(--tag-fill-warning)",
"foreground-warning": "var(--tag-foreground-warning)",
"fill-cuation": "var(--tag-fill-cuation)",
"foreground-cuation": "var(--tag-foreground-cuation)",
"fill-default": "var(--tag-fill-default)",
"foreground-default": "var(--tag-foreground-default)",
"fill-default-foreground": "var(--tag-fill-default-foreground)",
},
project: {
"surface-default": "var(--project-surface)",
"surface-hover": "var(--project-surface-hover)",
"border-default": "var(--project-border-default)",
"border-hover": "var(--project-border-hover)",
},
message: {
"fill-default": "var(--message-fill-default)",
"fill-hover": "var(--message-fill-hover)",
"fill-active": "var(--message-fill-active)",
"border-default": "var(--message-border-default)",
"border-focus": "var(--message-border-focus)",
},
task: {
surface: "var(--task-surface)",
"border-default": "var(--task-border-default)",
"border-focus": "var(--task-border-focus)",
"fill-default": "var(--task-fill-default)",
"fill-hover": "var(--task-fill-hover)",
"fill-success": "var(--task-fill-success)",
"fill-warning": "var(--task-fill-warning)",
"fill-error": "var(--task-fill-error)",
"border-focus-success": "var(--task-border-focus-success)",
"border-focus-warning": "var(--task-border-focus-warning)",
"border-focus-error": "var(--task-border-focus-error)",
},
worker: {
"surface-primary": "var(--worker-surface-primary)",
"border-default": "var(--worker-border-default)",
"border-focus": "var(--worker-border-focus)",
"surface-secondary": "var(--worker-surface-secondary)",
},
mask: {
default: "var(--mask-default)",
dark: "var(--mask-dark)",
},
code: {
bg: "var(--code-bg)",
foreground: "var(--code-foreground)",
},
"text-heading": "var(--text-heading)",
"text-body": "var(--text-body)",
"text-label": "var(--text-label)",
"text-action": "var(--text-action)",
"text-action-hover": "var(--text-action-hover)",
"text-disabled": "var(--text-disabled)",
"text-information": "var(--text-information)",
"text-success": "var(--text-success)",
"text-warning": "var(--text-warning)",
"text-cuation": "var(--text-cuation)",
"text-on-action": "var(--text-on-action)",
"text-on-disabled": "var(--text-on-disabled)",
"text-document": "var(--text-document)",
"text-socialmedia": "var(--text-socialmedia)",
"text-browser": "var(--text-browser)",
"text-developer": "var(--text-developer)",
"text-multimodal": "var(--text-multimodal)",
"text-on-hover": "var(--text-on-hover)",
"surface-primary": "var(--surface-primary)",
"surface-secondary": "var(--surface-secondary)",
"surface-success": "var(--surface-success)",
"surface-information": "var(--surface-information)",
"surface-warning": "var(--surface-warning)",
"surface-cuation": "var(--surface-cuation)",
"surface-action": "var(--surface-action)",
"surface-action-hover": "var(--surface-action-hover)",
"surface-disabled": "var(--surface-disabled)",
"surface-tertiary": "var(--surface-tertiary)",
"surface-card": "var(--surface-card)",
"surface-card-hover": "var(--surface-card-hover)",
"surface-card-focus": "var(--surface-card-focus)",
"surface-card-default": "var(--surface-card-default)",
"border-primary": "var(--border-primary)",
"border-secondary": "var(--border-secondary)",
"border-tertiary": "var(--border-tertiary)",
"border-information": "var(--border-information)",
"border-success": "var(--border-success)",
"border-warning": "var(--border-warning)",
"border-cuation": "var(--border-cuation)",
"border-focus": "var(--border-focus)",
"border-action": "var(--border-action)",
"border-action-hover": "var(--border-action-hover)",
"border-disabled": "var(--border-disabled)",
"border-developer": "var(--border-developer)",
"border-browser": "var(--border-browser)",
"border-socialmedia": "var(--border-socialmedia)",
"border-multimodal": "var(--border-multimodal)",
"border-document": "var(--border-document)",
"border-transparent": "var(--border-transparent)",
"icon-primary": "var(--icon-primary)",
"icon-action": "var(--icon-action)",
"icon-disabled": "var(--icon-disabled)",
"icon-information": "var(--icon-information)",
"icon-success": "var(--icon-success)",
"icon-warning": "var(--icon-warning)",
"icon-cuation": "var(--icon-cuation)",
"icon-action-hover": "var(--icon-action-hover)",
"icon-multimodal": "var(--icon-multimodal)",
"icon-socialmedia": "var(--icon-socialmedia)",
"icon-document": "var(--icon-document)",
"icon-browser": "var(--icon-browser)",
"icon-developer": "var(--icon-developer)",
"icon-on-disabled": "var(--icon-on-disabled)",
"icon-on-hover": "var(--icon-on-hover)",
"icon-on-action": "var(--icon-on-action)",
"icon-secondary": "var(--icon-secondary)",
"fill-default": "var(--fill-default)",
"fill-fill-primary": "var(--fill-fill-primary)",
"fill-fill-primary-hover": "var(--fill-fill-primary-hover)",
"fill-fill-primary-active": "var(--fill-fill-primary-active)",
"fill-fill-primary-disabled": "var(--fill-fill-primary-disabled)",
"fill-fill-tertiary": "var(--fill-fill-tertiary)",
"fill-fill-transparent": "var(--fill-fill-transparent)",
"fill-fill-transparent-hover": "var(--fill-fill-transparent-hover)",
"fill-fill-tertiary-hover": "var(--fill-fill-tertiary-hover)",
"fill-fill-tertiary-active": "var(--fill-fill-tertiary-active)",
"fill-fill-tertiary-disabled": "var(--fill-fill-tertiary-disabled)",
"fill-fill-transparent-active": "var(--fill-fill-transparent-active)",
"fill-fill-transparent-disabled":
"var(--fill-fill-transparent-disabled)",
"fill-fill-secondary-disabled": "var(--fill-fill-secondary-disabled)",
"fill-fill-secondary-active": "var(--fill-fill-secondary-active)",
"fill-fill-secondary-hover": "var(--fill-fill-secondary-hover)",
"fill-fill-secondary": "var(--fill-fill-secondary)",
"fill-fill-success": "var(--fill-fill-success)",
"fill-fill-success-hover": "var(--fill-fill-success-hover)",
"fill-fill-success-active": "var(--fill-fill-success-active)",
"fill-fill-success-disable": "var(--fill-fill-success-disable)",
"fill-fill-warning": "var(--fill-fill-warning)",
"fill-fill-cuation": "var(--fill-fill-cuation)",
"fill-socialmedia": "var(--fill-socialmedia)",
"fill-document": "var(--fill-document)",
"fill-browser": "var(--fill-browser)",
"fill-multimodal": "var(--fill-multimodal)",
"fill-developer": "var(--fill-developer)",
"fill-scrollbar-dark": "var(--fill-scrollbar-dark)",
"fill-scrollbar-light": "var(--fill-scrollbar-light)",
"fill-skeloten-default": "var(--fill-skeloten-default)",
"fill-fill-information": "var(--fill-fill-information)",
"bg-page": "var(--bg-page)",
"bg-primary": "var(--bg-primary)",
"bg-secondary": "var(--bg-secondary)",
"bg-tertiary": "var(--bg-tertiary)",
"bg-dark": "var(--bg-dark)",
"bg-dark-primary": "var(--bg-dark-primary)",
"bg-dark-secondary": "var(--bg-dark-secondary)",
"bg-dark-tertiary": "var(--bg-dark-tertiary)",
"bg-dark-default": "var(--bg-dark-default)",
"bg-page-default": "var(--bg-page-default)",
},
screens: {
// width < 1200
"max-lg": { max: "1199px" },
// height < 800
short: { raw: "(max-height: 800px)" },
},
boxShadow: {
"history-item": "0px 3px 4px -1px rgba(0, 0, 0, 0.10)",
perfect: "var(--shadow-perfect)",
"blur-effect": "var(--shadow-blur-effect)",
"button-shadow": "var(--shadow-button)",
},
spacing: {
xs: "var(--spacing-xs, 4px)",
sm: "var(--spacing-sm, 8px)",
md: "var(--spacing-md, 16px)",
lg: "var(--spacing-lg, 32px)",
xl: "var(--spacing-xl, 64px)",
"multi-value": "var(--spacing-multi-value, 8 64)",
},
borderRadius: {
sm: "var(--borderRadius-sm, 4px)",
lg: "var(--borderRadius-lg, 8px)",
xl: "var(--borderRadius-xl, 16px)",
"multi-value": "var(--borderRadius-multi-value, 4 8)",
},
fontFamily: {
sans: ["Inter", "sans-serif"],
mono: ["SFMono-Regular", "Menlo", "monospace"],
inter: ["Inter"],
menlo: ["Menlo"],
serif: ["Palatino"],
},
fontSize: {
xs: "var(--fontSize-xs, 10px)",
sm: "var(--fontSize-sm, 13px)",
base: "var(--fontSize-base, 15px)",
md: "var(--fontSize-md, 16px)",
lg: "var(--fontSize-lg, 18px)",
xl: "var(--fontSize-xl, 20px)",
"2xl": "var(--fontSize-2xl, 24px)",
"3xl": "var(--fontSize-3xl, 28px)",
"4xl": "var(--fontSize-4xl, 36px)",
"5xl": "var(--fontSize-5xl, 44px)",
"label-xs":["var(--fontSize-xs, 10px)",{lineHeight:"var(--lineHeight-30, 16px)"}],
"label-sm":["var(--fontSize-sm, 13px)",{lineHeight:"var(--lineHeight-24, 20px)"}],
"label-md":["var(--fontSize-base, 15px)",{lineHeight:"var(--lineHeight-16, 20px)"}],
"label-lg":["var(--fontSize-lg, 18px)",{lineHeight:"var(--lineHeight-27, 24px)"}],
"body-xs":["var(--fontSize-xs, 10px)",{lineHeight:"var(--lineHeight-17, 16px)"}],
"body-sm":["var(--fontSize-sm, 13px)",{lineHeight:"var(--lineHeight-14, 20px)"}],
"body-md":["var(--fontSize-base, 15px)",{lineHeight:"var(--lineHeight-10, 22px)"}],
"body-lg":["var(--fontSize-xl, 20px)",{lineHeight:"var(--lineHeight-5, 30px)"}],
"heading-sm":["var(--fontSize-2xl, 24px)",{lineHeight:"var(--lineHeight-4, 32px)"}],
"heading-base":["var(--fontSize-3xl, 28px)",{lineHeight:"var(--lineHeight-3, 36px)"}],
"heading-lg":["var(--fontSize-4xl, 36px)",{lineHeight:"var(--lineHeight-2, 46px)"}],
"heading-xl":["var(--fontSize-5xl, 44px)",{lineHeight:"var(--lineHeight-0, 58px)"}],
},
lineHeight: {
0: "var(--lineHeight-0, 58)",
1: "var(--lineHeight-1, 58)",
2: "var(--lineHeight-2, 46)",
3: "var(--lineHeight-3, 36)",
4: "var(--lineHeight-4, 32)",
5: "var(--lineHeight-5, 30)",
6: "var(--lineHeight-6, 30)",
7: "var(--lineHeight-7, 30)",
8: "var(--lineHeight-8, 30)",
9: "var(--lineHeight-9, 22)",
10: "var(--lineHeight-10, 22)",
11: "var(--lineHeight-11, 22)",
12: "var(--lineHeight-12, 22)",
13: "var(--lineHeight-13, 20)",
14: "var(--lineHeight-14, 20)",
15: "var(--lineHeight-15, 20)",
16: "var(--lineHeight-16, 20)",
17: "var(--lineHeight-17, 16)",
18: "var(--lineHeight-18, 16)",
19: "var(--lineHeight-19, 16)",
20: "var(--lineHeight-20, 16)",
21: "var(--lineHeight-21, 16)",
22: "var(--lineHeight-22, 16)",
23: "var(--lineHeight-23, 20)",
24: "var(--lineHeight-24, 20)",
25: "var(--lineHeight-25, 22)",
26: "var(--lineHeight-26, 22)",
27: "var(--lineHeight-27, 24)",
28: "var(--lineHeight-28, 24)",
29: "var(--lineHeight-29, 16)",
30: "var(--lineHeight-30, 16)",
tight: "var(--lineHeight-tight, 16px)",
normal: "var(--lineHeight-normal, 20px)",
relaxed: "var(--lineHeight-relaxed, 22px)",
loose: "var(--lineHeight-loose, 24px)",
xl: "var(--lineHeight-xl, 28px)",
"2xl": "var(--lineHeight-2xl, 30px)",
"3xl": "var(--lineHeight-3xl, 32px)",
"4xl": "var(--lineHeight-4xl, 36px)",
"5xl": "var(--lineHeight-5xl, 46px)",
"6xl": "var(--lineHeight-6xl, 58px)",
},
fontWeight: {
regular: "var(--fontWeight-regular, 400)",
medium: "var(--fontWeight-medium, 500)",
semibold: "var(--fontWeight-semibold, 600)",
bold: "var(--fontWeight-bold, 700)",
"inter-0": "var(--fontWeight-inter-0, 700)",
"inter-1": "var(--fontWeight-inter-1, 400)",
"inter-2": "var(--fontWeight-inter-2, 500)",
"menlo-3": "var(--fontWeight-menlo-3, 400)",
},
animation: {
"star-movement-bottom":
"star-movement-bottom linear infinite alternate",
"star-movement-top": "star-movement-top linear infinite alternate",
},
keyframes: {
"star-movement-bottom": {
"0%": { transform: "translate(0%, 0%)", opacity: "1" },
"100%": { transform: "translate(-100%, 0%)", opacity: "0" },
},
"star-movement-top": {
"0%": { transform: "translate(0%, 0%)", opacity: "1" },
"100%": { transform: "translate(100%, 0%)", opacity: "0" },
},
},
},
},
corePlugins: {
preflight: false,
},
plugins: [require("tailwindcss-animate")],
};