shadcn-theme-menu 1.1.6 → 1.1.8

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/themes-shadcn.css +127 -1107
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shadcn-theme-menu",
3
- "version": "1.1.6",
3
+ "version": "1.1.8",
4
4
  "description": "A collection of beautiful shadcn/ui theme components with dynamic theme switching and animations",
5
5
  "author": "vtempest",
6
6
  "type": "module",
@@ -1,50 +1,3 @@
1
- /* Default fallback — matches minimal light */
2
- :root {
3
- --background: #ffffff;
4
- --foreground: #333333;
5
- --card: #ffffff;
6
- --card-foreground: #333333;
7
- --popover: #ffffff;
8
- --popover-foreground: #333333;
9
- --primary: #3b82f6;
10
- --primary-foreground: #ffffff;
11
- --secondary: #f3f4f6;
12
- --secondary-foreground: #4b5563;
13
- --muted: #f9fafb;
14
- --muted-foreground: #6b7280;
15
- --accent: #e0f2fe;
16
- --accent-foreground: #1e3a8a;
17
- --destructive: #ef4444;
18
- --destructive-foreground: #ffffff;
19
- --border: #e5e7eb;
20
- --input: #e5e7eb;
21
- --ring: #3b82f6;
22
- --radius: 0.375rem;
23
- }
24
-
25
- .dark {
26
- --background: #171717;
27
- --foreground: #e5e5e5;
28
- --card: #262626;
29
- --card-foreground: #e5e5e5;
30
- --popover: #262626;
31
- --popover-foreground: #e5e5e5;
32
- --primary: #3b82f6;
33
- --primary-foreground: #ffffff;
34
- --secondary: #262626;
35
- --secondary-foreground: #e5e5e5;
36
- --muted: #262626;
37
- --muted-foreground: #a3a3a3;
38
- --accent: #1e3a8a;
39
- --accent-foreground: #bfdbfe;
40
- --destructive: #ef4444;
41
- --destructive-foreground: #ffffff;
42
- --border: #404040;
43
- --input: #404040;
44
- --ring: #3b82f6;
45
- --radius: 0.375rem;
46
- }
47
-
48
1
  .theme-minimal.light {
49
2
  --background: #ffffff;
50
3
  --foreground: #333333;
@@ -202,9 +155,9 @@
202
155
  --primary-foreground: #ffffff;
203
156
  --secondary: #0f1419;
204
157
  --secondary-foreground: #ffffff;
205
- --muted: #E5E5E6;
158
+ --muted: #e5e5e6;
206
159
  --muted-foreground: #0f1419;
207
- --accent: #E3ECF6;
160
+ --accent: #e3ecf6;
208
161
  --accent-foreground: #1e9df1;
209
162
  --destructive: #f4212e;
210
163
  --destructive-foreground: #ffffff;
@@ -220,7 +173,7 @@
220
173
  --sidebar-foreground: #0f1419;
221
174
  --sidebar-primary: #1e9df1;
222
175
  --sidebar-primary-foreground: #ffffff;
223
- --sidebar-accent: #E3ECF6;
176
+ --sidebar-accent: #e3ecf6;
224
177
  --sidebar-accent-foreground: #1e9df1;
225
178
  --sidebar-border: #e1e8ed;
226
179
  --sidebar-ring: #1da1f2;
@@ -273,38 +226,38 @@
273
226
  }
274
227
 
275
228
  .theme-mocha.light {
276
- --background: #F1F0E5;
277
- --foreground: #56453F;
278
- --card: #F1F0E5;
279
- --card-foreground: #56453F;
280
- --popover: #FFFFFF;
281
- --popover-foreground: #56453F;
282
- --primary: #A37764;
283
- --primary-foreground: #FFFFFF;
284
- --secondary: #BAAB92;
229
+ --background: #f1f0e5;
230
+ --foreground: #56453f;
231
+ --card: #f1f0e5;
232
+ --card-foreground: #56453f;
233
+ --popover: #ffffff;
234
+ --popover-foreground: #56453f;
235
+ --primary: #a37764;
236
+ --primary-foreground: #ffffff;
237
+ --secondary: #baab92;
285
238
  --secondary-foreground: #ffffff;
286
- --muted: #E4C7B8;
287
- --muted-foreground: #8A655A;
288
- --accent: #E4C7B8;
289
- --accent-foreground: #56453F;
239
+ --muted: #e4c7b8;
240
+ --muted-foreground: #8a655a;
241
+ --accent: #e4c7b8;
242
+ --accent-foreground: #56453f;
290
243
  --destructive: #1f1a17;
291
- --destructive-foreground: #FFFFFF;
292
- --border: #BAAB92;
293
- --input: #BAAB92;
294
- --ring: #A37764;
295
- --chart-1: #A37764;
296
- --chart-2: #8A655A;
297
- --chart-3: #C39E88;
298
- --chart-4: #BAAB92;
299
- --chart-5: #A28777;
244
+ --destructive-foreground: #ffffff;
245
+ --border: #baab92;
246
+ --input: #baab92;
247
+ --ring: #a37764;
248
+ --chart-1: #a37764;
249
+ --chart-2: #8a655a;
250
+ --chart-3: #c39e88;
251
+ --chart-4: #baab92;
252
+ --chart-5: #a28777;
300
253
  --sidebar: #ebd6cb;
301
- --sidebar-foreground: #56453F;
302
- --sidebar-primary: #A37764;
303
- --sidebar-primary-foreground: #FFFFFF;
304
- --sidebar-accent: #C39E88;
254
+ --sidebar-foreground: #56453f;
255
+ --sidebar-primary: #a37764;
256
+ --sidebar-primary-foreground: #ffffff;
257
+ --sidebar-accent: #c39e88;
305
258
  --sidebar-accent-foreground: #ffffff;
306
- --sidebar-border: #A28777;
307
- --sidebar-ring: #A37764;
259
+ --sidebar-border: #a28777;
260
+ --sidebar-ring: #a37764;
308
261
  --font-sans: DM Sans, sans-serif;
309
262
  --font-serif: Georgia, serif;
310
263
  --font-mono: Menlo, monospace;
@@ -319,37 +272,37 @@
319
272
 
320
273
  .theme-mocha.dark {
321
274
  --background: #2d2521;
322
- --foreground: #F1F0E5;
275
+ --foreground: #f1f0e5;
323
276
  --card: #3c332e;
324
- --card-foreground: #F1F0E5;
277
+ --card-foreground: #f1f0e5;
325
278
  --popover: #3c332e;
326
- --popover-foreground: #F1F0E5;
327
- --primary: #C39E88;
279
+ --popover-foreground: #f1f0e5;
280
+ --primary: #c39e88;
328
281
  --primary-foreground: #2d2521;
329
- --secondary: #8A655A;
330
- --secondary-foreground: #F1F0E5;
331
- --muted: #56453F;
282
+ --secondary: #8a655a;
283
+ --secondary-foreground: #f1f0e5;
284
+ --muted: #56453f;
332
285
  --muted-foreground: #c5aa9b;
333
- --accent: #BAAB92;
286
+ --accent: #baab92;
334
287
  --accent-foreground: #2d2521;
335
- --destructive: #E57373;
288
+ --destructive: #e57373;
336
289
  --destructive-foreground: #2d2521;
337
- --border: #56453F;
338
- --input: #56453F;
339
- --ring: #C39E88;
340
- --chart-1: #C39E88;
341
- --chart-2: #BAAB92;
342
- --chart-3: #A37764;
343
- --chart-4: #8A655A;
344
- --chart-5: #A28777;
290
+ --border: #56453f;
291
+ --input: #56453f;
292
+ --ring: #c39e88;
293
+ --chart-1: #c39e88;
294
+ --chart-2: #baab92;
295
+ --chart-3: #a37764;
296
+ --chart-4: #8a655a;
297
+ --chart-5: #a28777;
345
298
  --sidebar: #1f1a17;
346
- --sidebar-foreground: #F1F0E5;
347
- --sidebar-primary: #C39E88;
299
+ --sidebar-foreground: #f1f0e5;
300
+ --sidebar-primary: #c39e88;
348
301
  --sidebar-primary-foreground: #1f1a17;
349
- --sidebar-accent: #BAAB92;
302
+ --sidebar-accent: #baab92;
350
303
  --sidebar-accent-foreground: #1f1a17;
351
- --sidebar-border: #56453F;
352
- --sidebar-ring: #C39E88;
304
+ --sidebar-border: #56453f;
305
+ --sidebar-ring: #c39e88;
353
306
  --shadow-color: hsl(20 18% 30% / 0.5);
354
307
  }
355
308
 
@@ -391,7 +344,7 @@
391
344
  --font-mono: Fira Code, monospace;
392
345
  --radius: 0.4rem;
393
346
  --shadow-color: hsl(325.78 58.18% 56.86% / 0.5);
394
- --shadow-opacity: 1.0;
347
+ --shadow-opacity: 1;
395
348
  --shadow-blur: 0px;
396
349
  --shadow-spread: 0px;
397
350
  --shadow-offset-x: 3px;
@@ -1766,39 +1719,39 @@
1766
1719
  }
1767
1720
 
1768
1721
  .theme-solardusk.light {
1769
- --background: #FDFBF7;
1770
- --foreground: #4A3B33;
1771
- --card: #F8F4EE;
1772
- --card-foreground: #4A3B33;
1773
- --popover: #F8F4EE;
1774
- --popover-foreground: #4A3B33;
1775
- --primary: #B45309;
1776
- --primary-foreground: #FFFFFF;
1777
- --secondary: #E4C090;
1778
- --secondary-foreground: #57534E;
1779
- --muted: #F1E9DA;
1780
- --muted-foreground: #78716C;
1722
+ --background: #fdfbf7;
1723
+ --foreground: #4a3b33;
1724
+ --card: #f8f4ee;
1725
+ --card-foreground: #4a3b33;
1726
+ --popover: #f8f4ee;
1727
+ --popover-foreground: #4a3b33;
1728
+ --primary: #b45309;
1729
+ --primary-foreground: #ffffff;
1730
+ --secondary: #e4c090;
1731
+ --secondary-foreground: #57534e;
1732
+ --muted: #f1e9da;
1733
+ --muted-foreground: #78716c;
1781
1734
  --accent: #f2daba;
1782
- --accent-foreground: #57534E;
1783
- --destructive: #991B1B;
1784
- --destructive-foreground: #FFFFFF;
1785
- --border: #E4D9BC;
1786
- --input: #E4D9BC;
1787
- --ring: #B45309;
1788
- --chart-1: #B45309;
1789
- --chart-2: #78716C;
1790
- --chart-3: #A16207;
1791
- --chart-4: #78716C;
1792
- --chart-5: #CA8A04;
1735
+ --accent-foreground: #57534e;
1736
+ --destructive: #991b1b;
1737
+ --destructive-foreground: #ffffff;
1738
+ --border: #e4d9bc;
1739
+ --input: #e4d9bc;
1740
+ --ring: #b45309;
1741
+ --chart-1: #b45309;
1742
+ --chart-2: #78716c;
1743
+ --chart-3: #a16207;
1744
+ --chart-4: #78716c;
1745
+ --chart-5: #ca8a04;
1793
1746
  --radius: 0.3rem;
1794
- --sidebar: #F1E9DA;
1795
- --sidebar-foreground: #4A3B33;
1796
- --sidebar-primary: #B45309;
1797
- --sidebar-primary-foreground: #FFFFFF;
1798
- --sidebar-accent: #A16207;
1799
- --sidebar-accent-foreground: #FFFFFF;
1800
- --sidebar-border: #E4D9BC;
1801
- --sidebar-ring: #B45309;
1747
+ --sidebar: #f1e9da;
1748
+ --sidebar-foreground: #4a3b33;
1749
+ --sidebar-primary: #b45309;
1750
+ --sidebar-primary-foreground: #ffffff;
1751
+ --sidebar-accent: #a16207;
1752
+ --sidebar-accent-foreground: #ffffff;
1753
+ --sidebar-border: #e4d9bc;
1754
+ --sidebar-ring: #b45309;
1802
1755
  --font-sans: Oxanium, sans-serif;
1803
1756
  --font-serif: Merriweather, serif;
1804
1757
  --font-mono: Fira Code, monospace;
@@ -1811,39 +1764,39 @@
1811
1764
  }
1812
1765
 
1813
1766
  .theme-solardusk.dark {
1814
- --background: #1C1917;
1815
- --foreground: #F5F5F4;
1767
+ --background: #1c1917;
1768
+ --foreground: #f5f5f4;
1816
1769
  --card: #292524;
1817
- --card-foreground: #F5F5F4;
1770
+ --card-foreground: #f5f5f4;
1818
1771
  --popover: #292524;
1819
- --popover-foreground: #F5F5F4;
1820
- --primary: #F97316;
1821
- --primary-foreground: #FFFFFF;
1822
- --secondary: #57534E;
1823
- --secondary-foreground: #E7E5E4;
1772
+ --popover-foreground: #f5f5f4;
1773
+ --primary: #f97316;
1774
+ --primary-foreground: #ffffff;
1775
+ --secondary: #57534e;
1776
+ --secondary-foreground: #e7e5e4;
1824
1777
  --muted: #292524;
1825
- --muted-foreground: #A8A29E;
1778
+ --muted-foreground: #a8a29e;
1826
1779
  --accent: #1e4252;
1827
- --accent-foreground: #E7E5E4;
1828
- --destructive: #DC2626;
1829
- --destructive-foreground: #FFFFFF;
1830
- --border: #44403C;
1831
- --input: #44403C;
1832
- --ring: #F97316;
1833
- --chart-1: #F97316;
1834
- --chart-2: #0EA5E9;
1835
- --chart-3: #EAB308;
1836
- --chart-4: #A8A29E;
1837
- --chart-5: #78716C;
1780
+ --accent-foreground: #e7e5e4;
1781
+ --destructive: #dc2626;
1782
+ --destructive-foreground: #ffffff;
1783
+ --border: #44403c;
1784
+ --input: #44403c;
1785
+ --ring: #f97316;
1786
+ --chart-1: #f97316;
1787
+ --chart-2: #0ea5e9;
1788
+ --chart-3: #eab308;
1789
+ --chart-4: #a8a29e;
1790
+ --chart-5: #78716c;
1838
1791
  --radius: 0.3rem;
1839
1792
  --sidebar: #292524;
1840
- --sidebar-foreground: #F5F5F4;
1841
- --sidebar-primary: #F97316;
1842
- --sidebar-primary-foreground: #FFFFFF;
1843
- --sidebar-accent: #0EA5E9;
1844
- --sidebar-accent-foreground: #0C2A4D;
1845
- --sidebar-border: #44403C;
1846
- --sidebar-ring: #F97316;
1793
+ --sidebar-foreground: #f5f5f4;
1794
+ --sidebar-primary: #f97316;
1795
+ --sidebar-primary-foreground: #ffffff;
1796
+ --sidebar-accent: #0ea5e9;
1797
+ --sidebar-accent-foreground: #0c2a4d;
1798
+ --sidebar-border: #44403c;
1799
+ --sidebar-ring: #f97316;
1847
1800
  --shadow-color: hsl(0 0% 5%);
1848
1801
  }
1849
1802
 
@@ -2727,7 +2680,7 @@
2727
2680
  --secondary: #ffedea;
2728
2681
  --secondary-foreground: #b35340;
2729
2682
  --muted: #fff0eb;
2730
- --muted-foreground: #78716C;
2683
+ --muted-foreground: #78716c;
2731
2684
  --accent: #feb47b;
2732
2685
  --accent-foreground: #3d3436;
2733
2686
  --destructive: #e63946;
@@ -2943,12 +2896,12 @@
2943
2896
  .theme-vercel.light {
2944
2897
  --background: oklch(0.99 0 0);
2945
2898
  --foreground: oklch(0 0 0);
2946
- --card: oklch(1.00 0 0);
2899
+ --card: oklch(1 0 0);
2947
2900
  --card-foreground: oklch(0 0 0);
2948
2901
  --popover: oklch(0.99 0 0);
2949
2902
  --popover-foreground: oklch(0 0 0);
2950
2903
  --primary: oklch(0 0 0);
2951
- --primary-foreground: oklch(1.00 0 0);
2904
+ --primary-foreground: oklch(1 0 0);
2952
2905
  --secondary: oklch(0.94 0 0);
2953
2906
  --secondary-foreground: oklch(0 0 0);
2954
2907
  --muted: oklch(0.97 0 0);
@@ -2956,7 +2909,7 @@
2956
2909
  --accent: oklch(0.94 0 0);
2957
2910
  --accent-foreground: oklch(0 0 0);
2958
2911
  --destructive: oklch(0.63 0.19 23.03);
2959
- --destructive-foreground: oklch(1.00 0 0);
2912
+ --destructive-foreground: oklch(1 0 0);
2960
2913
  --border: oklch(0.92 0 0);
2961
2914
  --input: oklch(0.94 0 0);
2962
2915
  --ring: oklch(0 0 0);
@@ -2968,7 +2921,7 @@
2968
2921
  --sidebar: oklch(0.99 0 0);
2969
2922
  --sidebar-foreground: oklch(0 0 0);
2970
2923
  --sidebar-primary: oklch(0 0 0);
2971
- --sidebar-primary-foreground: oklch(1.00 0 0);
2924
+ --sidebar-primary-foreground: oklch(1 0 0);
2972
2925
  --sidebar-accent: oklch(0.94 0 0);
2973
2926
  --sidebar-accent-foreground: oklch(0 0 0);
2974
2927
  --sidebar-border: oklch(0.94 0 0);
@@ -2987,20 +2940,20 @@
2987
2940
 
2988
2941
  .theme-vercel.dark {
2989
2942
  --background: oklch(0 0 0);
2990
- --foreground: oklch(1.00 0 0);
2943
+ --foreground: oklch(1 0 0);
2991
2944
  --card: oklch(0.14 0 0);
2992
- --card-foreground: oklch(1.00 0 0);
2945
+ --card-foreground: oklch(1 0 0);
2993
2946
  --popover: oklch(0.18 0 0);
2994
- --popover-foreground: oklch(1.00 0 0);
2995
- --primary: oklch(1.00 0 0);
2947
+ --popover-foreground: oklch(1 0 0);
2948
+ --primary: oklch(1 0 0);
2996
2949
  --primary-foreground: oklch(0 0 0);
2997
2950
  --secondary: oklch(0.25 0 0);
2998
- --secondary-foreground: oklch(1.00 0 0);
2951
+ --secondary-foreground: oklch(1 0 0);
2999
2952
  --muted: oklch(0.23 0 0);
3000
2953
  --muted-foreground: oklch(0.72 0 0);
3001
2954
  --accent: oklch(0.32 0 0);
3002
- --accent-foreground: oklch(1.00 0 0);
3003
- --destructive: oklch(0.69 0.20 23.91);
2955
+ --accent-foreground: oklch(1 0 0);
2956
+ --destructive: oklch(0.69 0.2 23.91);
3004
2957
  --destructive-foreground: oklch(0 0 0);
3005
2958
  --border: oklch(0.26 0 0);
3006
2959
  --input: oklch(0.32 0 0);
@@ -3011,11 +2964,11 @@
3011
2964
  --chart-4: oklch(0.44 0 0);
3012
2965
  --chart-5: oklch(0.92 0 0);
3013
2966
  --sidebar: oklch(0.18 0 0);
3014
- --sidebar-foreground: oklch(1.00 0 0);
3015
- --sidebar-primary: oklch(1.00 0 0);
2967
+ --sidebar-foreground: oklch(1 0 0);
2968
+ --sidebar-primary: oklch(1 0 0);
3016
2969
  --sidebar-primary-foreground: oklch(0 0 0);
3017
2970
  --sidebar-accent: oklch(0.32 0 0);
3018
- --sidebar-accent-foreground: oklch(1.00 0 0);
2971
+ --sidebar-accent-foreground: oklch(1 0 0);
3019
2972
  --sidebar-border: oklch(0.32 0 0);
3020
2973
  --sidebar-ring: oklch(0.72 0 0);
3021
2974
  --font-sans: Geist, sans-serif;
@@ -3102,936 +3055,3 @@
3102
3055
  --sidebar-border: #ffffff;
3103
3056
  --sidebar-ring: #525252;
3104
3057
  }
3105
-
3106
-
3107
-
3108
-
3109
- .theme-dark.dark {
3110
- --background: oklch(0.15 0 0);
3111
- --foreground: oklch(0.95 0 0);
3112
- --card: oklch(0.18 0 0);
3113
- --card-foreground: oklch(0.95 0 0);
3114
- --popover: oklch(0.18 0 0);
3115
- --popover-foreground: oklch(0.95 0 0);
3116
- --primary: oklch(0.65 0.25 265);
3117
- --primary-foreground: oklch(0.98 0 0);
3118
- --secondary: oklch(0.25 0 0);
3119
- --secondary-foreground: oklch(0.95 0 0);
3120
- --muted: oklch(0.25 0 0);
3121
- --muted-foreground: oklch(0.55 0 0);
3122
- --accent: oklch(0.25 0 0);
3123
- --accent-foreground: oklch(0.95 0 0);
3124
- --destructive: oklch(0.55 0.22 25);
3125
- --destructive-foreground: oklch(0.98 0 0);
3126
- --border: oklch(0.25 0 0);
3127
- --input: oklch(0.25 0 0);
3128
- --ring: oklch(0.65 0.25 265);
3129
- --sidebar: oklch(0.13 0 0);
3130
- --sidebar-foreground: oklch(0.75 0 0);
3131
- --sidebar-primary: oklch(0.65 0.25 265);
3132
- --sidebar-primary-foreground: oklch(0.98 0 0);
3133
- --sidebar-accent: oklch(0.2 0 0);
3134
- --sidebar-accent-foreground: oklch(0.95 0 0);
3135
- --sidebar-border: oklch(0.2 0 0);
3136
- --sidebar-ring: oklch(0.65 0.25 265);
3137
- }
3138
-
3139
- .theme-light.light {
3140
- --background: oklch(0.98 0 0);
3141
- --foreground: oklch(0.15 0 0);
3142
- --card: oklch(1 0 0);
3143
- --card-foreground: oklch(0.15 0 0);
3144
- --popover: oklch(1 0 0);
3145
- --popover-foreground: oklch(0.15 0 0);
3146
- --primary: oklch(0.65 0.25 265);
3147
- --primary-foreground: oklch(0.98 0 0);
3148
- --secondary: oklch(0.92 0 0);
3149
- --secondary-foreground: oklch(0.15 0 0);
3150
- --muted: oklch(0.92 0 0);
3151
- --muted-foreground: oklch(0.45 0 0);
3152
- --accent: oklch(0.92 0 0);
3153
- --accent-foreground: oklch(0.15 0 0);
3154
- --destructive: oklch(0.55 0.22 25);
3155
- --destructive-foreground: oklch(0.98 0 0);
3156
- --border: oklch(0.88 0 0);
3157
- --input: oklch(0.88 0 0);
3158
- --ring: oklch(0.65 0.25 265);
3159
- --sidebar: oklch(0.96 0 0);
3160
- --sidebar-foreground: oklch(0.35 0 0);
3161
- --sidebar-primary: oklch(0.65 0.25 265);
3162
- --sidebar-primary-foreground: oklch(0.98 0 0);
3163
- --sidebar-accent: oklch(0.92 0 0);
3164
- --sidebar-accent-foreground: oklch(0.15 0 0);
3165
- --sidebar-border: oklch(0.88 0 0);
3166
- --sidebar-ring: oklch(0.65 0.25 265);
3167
- }
3168
-
3169
- .theme-midnight.dark {
3170
- --background: oklch(0.12 0.05 265);
3171
- --foreground: oklch(0.92 0.02 265);
3172
- --card: oklch(0.16 0.05 265);
3173
- --card-foreground: oklch(0.92 0.02 265);
3174
- --popover: oklch(0.16 0.05 265);
3175
- --popover-foreground: oklch(0.92 0.02 265);
3176
- --primary: oklch(0.6 0.2 265);
3177
- --primary-foreground: oklch(0.98 0 0);
3178
- --secondary: oklch(0.2 0.05 265);
3179
- --secondary-foreground: oklch(0.92 0.02 265);
3180
- --muted: oklch(0.2 0.05 265);
3181
- --muted-foreground: oklch(0.5 0.02 265);
3182
- --accent: oklch(0.2 0.05 265);
3183
- --accent-foreground: oklch(0.92 0.02 265);
3184
- --destructive: oklch(0.55 0.22 25);
3185
- --destructive-foreground: oklch(0.98 0 0);
3186
- --border: oklch(0.22 0.05 265);
3187
- --input: oklch(0.22 0.05 265);
3188
- --ring: oklch(0.6 0.2 265);
3189
- --sidebar: oklch(0.1 0.05 265);
3190
- --sidebar-foreground: oklch(0.7 0.02 265);
3191
- --sidebar-primary: oklch(0.6 0.2 265);
3192
- --sidebar-primary-foreground: oklch(0.98 0 0);
3193
- --sidebar-accent: oklch(0.18 0.05 265);
3194
- --sidebar-accent-foreground: oklch(0.92 0.02 265);
3195
- --sidebar-border: oklch(0.18 0.05 265);
3196
- --sidebar-ring: oklch(0.6 0.2 265);
3197
- }
3198
-
3199
- .theme-ocean.dark {
3200
- --background: oklch(0.15 0.05 210);
3201
- --foreground: oklch(0.92 0.02 210);
3202
- --card: oklch(0.18 0.05 210);
3203
- --card-foreground: oklch(0.92 0.02 210);
3204
- --popover: oklch(0.18 0.05 210);
3205
- --popover-foreground: oklch(0.92 0.02 210);
3206
- --primary: oklch(0.65 0.15 210);
3207
- --primary-foreground: oklch(0.98 0 0);
3208
- --secondary: oklch(0.22 0.05 210);
3209
- --secondary-foreground: oklch(0.92 0.02 210);
3210
- --muted: oklch(0.22 0.05 210);
3211
- --muted-foreground: oklch(0.5 0.02 210);
3212
- --accent: oklch(0.22 0.05 210);
3213
- --accent-foreground: oklch(0.92 0.02 210);
3214
- --destructive: oklch(0.55 0.22 25);
3215
- --destructive-foreground: oklch(0.98 0 0);
3216
- --border: oklch(0.25 0.05 210);
3217
- --input: oklch(0.25 0.05 210);
3218
- --ring: oklch(0.65 0.15 210);
3219
- --sidebar: oklch(0.13 0.05 210);
3220
- --sidebar-foreground: oklch(0.7 0.02 210);
3221
- --sidebar-primary: oklch(0.65 0.15 210);
3222
- --sidebar-primary-foreground: oklch(0.98 0 0);
3223
- --sidebar-accent: oklch(0.2 0.05 210);
3224
- --sidebar-accent-foreground: oklch(0.92 0.02 210);
3225
- --sidebar-border: oklch(0.2 0.05 210);
3226
- --sidebar-ring: oklch(0.65 0.15 210);
3227
- }
3228
-
3229
- .theme-forest.dark {
3230
- --background: oklch(0.14 0.05 150);
3231
- --foreground: oklch(0.92 0.02 150);
3232
- --card: oklch(0.17 0.05 150);
3233
- --card-foreground: oklch(0.92 0.02 150);
3234
- --popover: oklch(0.17 0.05 150);
3235
- --popover-foreground: oklch(0.92 0.02 150);
3236
- --primary: oklch(0.6 0.18 150);
3237
- --primary-foreground: oklch(0.98 0 0);
3238
- --secondary: oklch(0.21 0.05 150);
3239
- --secondary-foreground: oklch(0.92 0.02 150);
3240
- --muted: oklch(0.21 0.05 150);
3241
- --muted-foreground: oklch(0.5 0.02 150);
3242
- --accent: oklch(0.21 0.05 150);
3243
- --accent-foreground: oklch(0.92 0.02 150);
3244
- --destructive: oklch(0.55 0.22 25);
3245
- --destructive-foreground: oklch(0.98 0 0);
3246
- --border: oklch(0.24 0.05 150);
3247
- --input: oklch(0.24 0.05 150);
3248
- --ring: oklch(0.6 0.18 150);
3249
- --sidebar: oklch(0.12 0.05 150);
3250
- --sidebar-foreground: oklch(0.7 0.02 150);
3251
- --sidebar-primary: oklch(0.6 0.18 150);
3252
- --sidebar-primary-foreground: oklch(0.98 0 0);
3253
- --sidebar-accent: oklch(0.19 0.05 150);
3254
- --sidebar-accent-foreground: oklch(0.92 0.02 150);
3255
- --sidebar-border: oklch(0.19 0.05 150);
3256
- --sidebar-ring: oklch(0.6 0.18 150);
3257
- }
3258
-
3259
- .theme-sunset.dark {
3260
- --background: oklch(0.16 0.05 30);
3261
- --foreground: oklch(0.92 0.02 30);
3262
- --card: oklch(0.19 0.05 30);
3263
- --card-foreground: oklch(0.92 0.02 30);
3264
- --popover: oklch(0.19 0.05 30);
3265
- --popover-foreground: oklch(0.92 0.02 30);
3266
- --primary: oklch(0.65 0.2 30);
3267
- --primary-foreground: oklch(0.98 0 0);
3268
- --secondary: oklch(0.23 0.05 30);
3269
- --secondary-foreground: oklch(0.92 0.02 30);
3270
- --muted: oklch(0.23 0.05 30);
3271
- --muted-foreground: oklch(0.5 0.02 30);
3272
- --accent: oklch(0.23 0.05 30);
3273
- --accent-foreground: oklch(0.92 0.02 30);
3274
- --destructive: oklch(0.55 0.22 25);
3275
- --destructive-foreground: oklch(0.98 0 0);
3276
- --border: oklch(0.26 0.05 30);
3277
- --input: oklch(0.26 0.05 30);
3278
- --ring: oklch(0.65 0.2 30);
3279
- --sidebar: oklch(0.14 0.05 30);
3280
- --sidebar-foreground: oklch(0.7 0.02 30);
3281
- --sidebar-primary: oklch(0.65 0.2 30);
3282
- --sidebar-primary-foreground: oklch(0.98 0 0);
3283
- --sidebar-accent: oklch(0.21 0.05 30);
3284
- --sidebar-accent-foreground: oklch(0.92 0.02 30);
3285
- --sidebar-border: oklch(0.21 0.05 30);
3286
- --sidebar-ring: oklch(0.65 0.2 30);
3287
- }
3288
-
3289
- .theme-rose.dark {
3290
- --background: oklch(0.14 0.05 350);
3291
- --foreground: oklch(0.92 0.02 350);
3292
- --card: oklch(0.17 0.05 350);
3293
- --card-foreground: oklch(0.92 0.02 350);
3294
- --popover: oklch(0.17 0.05 350);
3295
- --popover-foreground: oklch(0.92 0.02 350);
3296
- --primary: oklch(0.6 0.22 350);
3297
- --primary-foreground: oklch(0.98 0 0);
3298
- --secondary: oklch(0.21 0.05 350);
3299
- --secondary-foreground: oklch(0.92 0.02 350);
3300
- --muted: oklch(0.21 0.05 350);
3301
- --muted-foreground: oklch(0.5 0.02 350);
3302
- --accent: oklch(0.21 0.05 350);
3303
- --accent-foreground: oklch(0.92 0.02 350);
3304
- --destructive: oklch(0.55 0.22 25);
3305
- --destructive-foreground: oklch(0.98 0 0);
3306
- --border: oklch(0.24 0.05 350);
3307
- --input: oklch(0.24 0.05 350);
3308
- --ring: oklch(0.6 0.22 350);
3309
- --sidebar: oklch(0.12 0.05 350);
3310
- --sidebar-foreground: oklch(0.7 0.02 350);
3311
- --sidebar-primary: oklch(0.6 0.22 350);
3312
- --sidebar-primary-foreground: oklch(0.98 0 0);
3313
- --sidebar-accent: oklch(0.19 0.05 350);
3314
- --sidebar-accent-foreground: oklch(0.92 0.02 350);
3315
- --sidebar-border: oklch(0.19 0.05 350);
3316
- --sidebar-ring: oklch(0.6 0.22 350);
3317
- }
3318
-
3319
- .theme-amber.dark {
3320
- --background: oklch(0.15 0.05 50);
3321
- --foreground: oklch(0.92 0.02 50);
3322
- --card: oklch(0.18 0.05 50);
3323
- --card-foreground: oklch(0.92 0.02 50);
3324
- --popover: oklch(0.18 0.05 50);
3325
- --popover-foreground: oklch(0.92 0.02 50);
3326
- --primary: oklch(0.68 0.18 50);
3327
- --primary-foreground: oklch(0.98 0 0);
3328
- --secondary: oklch(0.22 0.05 50);
3329
- --secondary-foreground: oklch(0.92 0.02 50);
3330
- --muted: oklch(0.22 0.05 50);
3331
- --muted-foreground: oklch(0.5 0.02 50);
3332
- --accent: oklch(0.22 0.05 50);
3333
- --accent-foreground: oklch(0.92 0.02 50);
3334
- --destructive: oklch(0.55 0.22 25);
3335
- --destructive-foreground: oklch(0.98 0 0);
3336
- --border: oklch(0.25 0.05 50);
3337
- --input: oklch(0.25 0.05 50);
3338
- --ring: oklch(0.68 0.18 50);
3339
- --sidebar: oklch(0.13 0.05 50);
3340
- --sidebar-foreground: oklch(0.7 0.02 50);
3341
- --sidebar-primary: oklch(0.68 0.18 50);
3342
- --sidebar-primary-foreground: oklch(0.98 0 0);
3343
- --sidebar-accent: oklch(0.2 0.05 50);
3344
- --sidebar-accent-foreground: oklch(0.92 0.02 50);
3345
- --sidebar-border: oklch(0.2 0.05 50);
3346
- --sidebar-ring: oklch(0.68 0.18 50);
3347
- }
3348
-
3349
- .theme-violet.dark {
3350
- --background: oklch(0.13 0.06 285);
3351
- --foreground: oklch(0.92 0.02 285);
3352
- --card: oklch(0.16 0.06 285);
3353
- --card-foreground: oklch(0.92 0.02 285);
3354
- --popover: oklch(0.16 0.06 285);
3355
- --popover-foreground: oklch(0.92 0.02 285);
3356
- --primary: oklch(0.62 0.24 285);
3357
- --primary-foreground: oklch(0.98 0 0);
3358
- --secondary: oklch(0.2 0.06 285);
3359
- --secondary-foreground: oklch(0.92 0.02 285);
3360
- --muted: oklch(0.2 0.06 285);
3361
- --muted-foreground: oklch(0.5 0.02 285);
3362
- --accent: oklch(0.2 0.06 285);
3363
- --accent-foreground: oklch(0.92 0.02 285);
3364
- --destructive: oklch(0.55 0.22 25);
3365
- --destructive-foreground: oklch(0.98 0 0);
3366
- --border: oklch(0.23 0.06 285);
3367
- --input: oklch(0.23 0.06 285);
3368
- --ring: oklch(0.62 0.24 285);
3369
- --sidebar: oklch(0.11 0.06 285);
3370
- --sidebar-foreground: oklch(0.7 0.02 285);
3371
- --sidebar-primary: oklch(0.62 0.24 285);
3372
- --sidebar-primary-foreground: oklch(0.98 0 0);
3373
- --sidebar-accent: oklch(0.18 0.06 285);
3374
- --sidebar-accent-foreground: oklch(0.92 0.02 285);
3375
- --sidebar-border: oklch(0.18 0.06 285);
3376
- --sidebar-ring: oklch(0.62 0.24 285);
3377
- }
3378
-
3379
- .theme-slate.dark {
3380
- --background: oklch(0.14 0.01 240);
3381
- --foreground: oklch(0.92 0.01 240);
3382
- --card: oklch(0.17 0.01 240);
3383
- --card-foreground: oklch(0.92 0.01 240);
3384
- --popover: oklch(0.17 0.01 240);
3385
- --popover-foreground: oklch(0.92 0.01 240);
3386
- --primary: oklch(0.55 0.05 240);
3387
- --primary-foreground: oklch(0.98 0 0);
3388
- --secondary: oklch(0.21 0.01 240);
3389
- --secondary-foreground: oklch(0.92 0.01 240);
3390
- --muted: oklch(0.21 0.01 240);
3391
- --muted-foreground: oklch(0.5 0.01 240);
3392
- --accent: oklch(0.21 0.01 240);
3393
- --accent-foreground: oklch(0.92 0.01 240);
3394
- --destructive: oklch(0.55 0.22 25);
3395
- --destructive-foreground: oklch(0.98 0 0);
3396
- --border: oklch(0.24 0.01 240);
3397
- --input: oklch(0.24 0.01 240);
3398
- --ring: oklch(0.55 0.05 240);
3399
- --sidebar: oklch(0.12 0.01 240);
3400
- --sidebar-foreground: oklch(0.7 0.01 240);
3401
- --sidebar-primary: oklch(0.55 0.05 240);
3402
- --sidebar-primary-foreground: oklch(0.98 0 0);
3403
- --sidebar-accent: oklch(0.19 0.01 240);
3404
- --sidebar-accent-foreground: oklch(0.92 0.01 240);
3405
- --sidebar-border: oklch(0.19 0.01 240);
3406
- --sidebar-ring: oklch(0.55 0.05 240);
3407
- }
3408
-
3409
- .theme-emerald.dark {
3410
- --background: oklch(0.16 0.06 165);
3411
- --foreground: oklch(0.92 0.02 165);
3412
- --card: oklch(0.19 0.06 165);
3413
- --card-foreground: oklch(0.92 0.02 165);
3414
- --popover: oklch(0.19 0.06 165);
3415
- --popover-foreground: oklch(0.92 0.02 165);
3416
- --primary: oklch(0.64 0.17 165);
3417
- --primary-foreground: oklch(0.98 0 0);
3418
- --secondary: oklch(0.23 0.06 165);
3419
- --secondary-foreground: oklch(0.92 0.02 165);
3420
- --muted: oklch(0.23 0.06 165);
3421
- --muted-foreground: oklch(0.5 0.02 165);
3422
- --accent: oklch(0.23 0.06 165);
3423
- --accent-foreground: oklch(0.92 0.02 165);
3424
- --destructive: oklch(0.55 0.22 25);
3425
- --destructive-foreground: oklch(0.98 0 0);
3426
- --border: oklch(0.26 0.06 165);
3427
- --input: oklch(0.26 0.06 165);
3428
- --ring: oklch(0.64 0.17 165);
3429
- --sidebar: oklch(0.14 0.06 165);
3430
- --sidebar-foreground: oklch(0.7 0.02 165);
3431
- --sidebar-primary: oklch(0.64 0.17 165);
3432
- --sidebar-primary-foreground: oklch(0.98 0 0);
3433
- --sidebar-accent: oklch(0.21 0.06 165);
3434
- --sidebar-accent-foreground: oklch(0.92 0.02 165);
3435
- --sidebar-border: oklch(0.21 0.06 165);
3436
- --sidebar-ring: oklch(0.64 0.17 165);
3437
- }
3438
-
3439
- .theme-sky.dark {
3440
- --background: oklch(0.15 0.04 220);
3441
- --foreground: oklch(0.92 0.02 220);
3442
- --card: oklch(0.18 0.04 220);
3443
- --card-foreground: oklch(0.92 0.02 220);
3444
- --popover: oklch(0.18 0.04 220);
3445
- --popover-foreground: oklch(0.92 0.02 220);
3446
- --primary: oklch(0.66 0.16 220);
3447
- --primary-foreground: oklch(0.98 0 0);
3448
- --secondary: oklch(0.22 0.04 220);
3449
- --secondary-foreground: oklch(0.92 0.02 220);
3450
- --muted: oklch(0.22 0.04 220);
3451
- --muted-foreground: oklch(0.5 0.02 220);
3452
- --accent: oklch(0.22 0.04 220);
3453
- --accent-foreground: oklch(0.92 0.02 220);
3454
- --destructive: oklch(0.55 0.22 25);
3455
- --destructive-foreground: oklch(0.98 0 0);
3456
- --border: oklch(0.25 0.04 220);
3457
- --input: oklch(0.25 0.04 220);
3458
- --ring: oklch(0.66 0.16 220);
3459
- --sidebar: oklch(0.13 0.04 220);
3460
- --sidebar-foreground: oklch(0.7 0.02 220);
3461
- --sidebar-primary: oklch(0.66 0.16 220);
3462
- --sidebar-primary-foreground: oklch(0.98 0 0);
3463
- --sidebar-accent: oklch(0.2 0.04 220);
3464
- --sidebar-accent-foreground: oklch(0.92 0.02 220);
3465
- --sidebar-border: oklch(0.2 0.04 220);
3466
- --sidebar-ring: oklch(0.66 0.16 220);
3467
- }
3468
-
3469
- .theme-crimson.dark {
3470
- --background: oklch(0.13 0.05 15);
3471
- --foreground: oklch(0.92 0.02 15);
3472
- --card: oklch(0.16 0.05 15);
3473
- --card-foreground: oklch(0.92 0.02 15);
3474
- --popover: oklch(0.16 0.05 15);
3475
- --popover-foreground: oklch(0.92 0.02 15);
3476
- --primary: oklch(0.58 0.24 15);
3477
- --primary-foreground: oklch(0.98 0 0);
3478
- --secondary: oklch(0.2 0.05 15);
3479
- --secondary-foreground: oklch(0.92 0.02 15);
3480
- --muted: oklch(0.2 0.05 15);
3481
- --muted-foreground: oklch(0.5 0.02 15);
3482
- --accent: oklch(0.2 0.05 15);
3483
- --accent-foreground: oklch(0.92 0.02 15);
3484
- --destructive: oklch(0.55 0.22 25);
3485
- --destructive-foreground: oklch(0.98 0 0);
3486
- --border: oklch(0.23 0.05 15);
3487
- --input: oklch(0.23 0.05 15);
3488
- --ring: oklch(0.58 0.24 15);
3489
- --sidebar: oklch(0.11 0.05 15);
3490
- --sidebar-foreground: oklch(0.7 0.02 15);
3491
- --sidebar-primary: oklch(0.58 0.24 15);
3492
- --sidebar-primary-foreground: oklch(0.98 0 0);
3493
- --sidebar-accent: oklch(0.18 0.05 15);
3494
- --sidebar-accent-foreground: oklch(0.92 0.02 15);
3495
- --sidebar-border: oklch(0.18 0.05 15);
3496
- --sidebar-ring: oklch(0.58 0.24 15);
3497
- }
3498
-
3499
- .theme-vscode.dark {
3500
- --background: oklch(0.16 0.01 240);
3501
- --foreground: oklch(0.85 0.01 240);
3502
- --card: oklch(0.18 0.01 240);
3503
- --card-foreground: oklch(0.85 0.01 240);
3504
- --popover: oklch(0.18 0.01 240);
3505
- --popover-foreground: oklch(0.85 0.01 240);
3506
- --primary: oklch(0.55 0.15 230);
3507
- --primary-foreground: oklch(0.98 0 0);
3508
- --secondary: oklch(0.2 0.01 240);
3509
- --secondary-foreground: oklch(0.85 0.01 240);
3510
- --muted: oklch(0.2 0.01 240);
3511
- --muted-foreground: oklch(0.5 0.01 240);
3512
- --accent: oklch(0.25 0.01 240);
3513
- --accent-foreground: oklch(0.85 0.01 240);
3514
- --destructive: oklch(0.55 0.22 25);
3515
- --destructive-foreground: oklch(0.98 0 0);
3516
- --border: oklch(0.22 0.01 240);
3517
- --input: oklch(0.22 0.01 240);
3518
- --ring: oklch(0.55 0.15 230);
3519
- --sidebar: oklch(0.14 0.01 240);
3520
- --sidebar-foreground: oklch(0.75 0.01 240);
3521
- --sidebar-primary: oklch(0.55 0.15 230);
3522
- --sidebar-primary-foreground: oklch(0.98 0 0);
3523
- --sidebar-accent: oklch(0.18 0.01 240);
3524
- --sidebar-accent-foreground: oklch(0.85 0.01 240);
3525
- --sidebar-border: oklch(0.18 0.01 240);
3526
- --sidebar-ring: oklch(0.55 0.15 230);
3527
- }
3528
-
3529
- .theme-slack.dark {
3530
- --background: oklch(0.18 0.08 310);
3531
- --foreground: oklch(0.92 0.02 310);
3532
- --card: oklch(0.21 0.08 310);
3533
- --card-foreground: oklch(0.92 0.02 310);
3534
- --popover: oklch(0.21 0.08 310);
3535
- --popover-foreground: oklch(0.92 0.02 310);
3536
- --primary: oklch(0.52 0.14 240);
3537
- --primary-foreground: oklch(0.98 0 0);
3538
- --secondary: oklch(0.25 0.08 310);
3539
- --secondary-foreground: oklch(0.92 0.02 310);
3540
- --muted: oklch(0.25 0.08 310);
3541
- --muted-foreground: oklch(0.55 0.02 310);
3542
- --accent: oklch(0.25 0.08 310);
3543
- --accent-foreground: oklch(0.92 0.02 310);
3544
- --destructive: oklch(0.55 0.22 25);
3545
- --destructive-foreground: oklch(0.98 0 0);
3546
- --border: oklch(0.28 0.08 310);
3547
- --input: oklch(0.28 0.08 310);
3548
- --ring: oklch(0.52 0.14 240);
3549
- --sidebar: oklch(0.16 0.08 310);
3550
- --sidebar-foreground: oklch(0.75 0.02 310);
3551
- --sidebar-primary: oklch(0.52 0.14 240);
3552
- --sidebar-primary-foreground: oklch(0.98 0 0);
3553
- --sidebar-accent: oklch(0.23 0.08 310);
3554
- --sidebar-accent-foreground: oklch(0.92 0.02 310);
3555
- --sidebar-border: oklch(0.23 0.08 310);
3556
- --sidebar-ring: oklch(0.52 0.14 240);
3557
- }
3558
-
3559
- .theme-x.dark {
3560
- --background: oklch(0.1 0 0);
3561
- --foreground: oklch(0.95 0 0);
3562
- --card: oklch(0.13 0 0);
3563
- --card-foreground: oklch(0.95 0 0);
3564
- --popover: oklch(0.13 0 0);
3565
- --popover-foreground: oklch(0.95 0 0);
3566
- --primary: oklch(0.62 0.18 230);
3567
- --primary-foreground: oklch(0.98 0 0);
3568
- --secondary: oklch(0.17 0 0);
3569
- --secondary-foreground: oklch(0.95 0 0);
3570
- --muted: oklch(0.17 0 0);
3571
- --muted-foreground: oklch(0.5 0 0);
3572
- --accent: oklch(0.17 0 0);
3573
- --accent-foreground: oklch(0.95 0 0);
3574
- --destructive: oklch(0.55 0.22 25);
3575
- --destructive-foreground: oklch(0.98 0 0);
3576
- --border: oklch(0.2 0 0);
3577
- --input: oklch(0.2 0 0);
3578
- --ring: oklch(0.62 0.18 230);
3579
- --sidebar: oklch(0.08 0 0);
3580
- --sidebar-foreground: oklch(0.8 0 0);
3581
- --sidebar-primary: oklch(0.62 0.18 230);
3582
- --sidebar-primary-foreground: oklch(0.98 0 0);
3583
- --sidebar-accent: oklch(0.15 0 0);
3584
- --sidebar-accent-foreground: oklch(0.95 0 0);
3585
- --sidebar-border: oklch(0.15 0 0);
3586
- --sidebar-ring: oklch(0.62 0.18 230);
3587
- }
3588
-
3589
- .theme-githubdark.dark {
3590
- --background: oklch(0.13 0.01 240);
3591
- --foreground: oklch(0.88 0.01 240);
3592
- --card: oklch(0.16 0.01 240);
3593
- --card-foreground: oklch(0.88 0.01 240);
3594
- --popover: oklch(0.16 0.01 240);
3595
- --popover-foreground: oklch(0.88 0.01 240);
3596
- --primary: oklch(0.65 0.14 230);
3597
- --primary-foreground: oklch(0.98 0 0);
3598
- --secondary: oklch(0.2 0.01 240);
3599
- --secondary-foreground: oklch(0.88 0.01 240);
3600
- --muted: oklch(0.2 0.01 240);
3601
- --muted-foreground: oklch(0.5 0.01 240);
3602
- --accent: oklch(0.2 0.01 240);
3603
- --accent-foreground: oklch(0.88 0.01 240);
3604
- --destructive: oklch(0.55 0.22 25);
3605
- --destructive-foreground: oklch(0.98 0 0);
3606
- --border: oklch(0.22 0.01 240);
3607
- --input: oklch(0.22 0.01 240);
3608
- --ring: oklch(0.65 0.14 230);
3609
- --sidebar: oklch(0.11 0.01 240);
3610
- --sidebar-foreground: oklch(0.7 0.01 240);
3611
- --sidebar-primary: oklch(0.65 0.14 230);
3612
- --sidebar-primary-foreground: oklch(0.98 0 0);
3613
- --sidebar-accent: oklch(0.18 0.01 240);
3614
- --sidebar-accent-foreground: oklch(0.88 0.01 240);
3615
- --sidebar-border: oklch(0.18 0.01 240);
3616
- --sidebar-ring: oklch(0.65 0.14 230);
3617
- }
3618
-
3619
- .theme-githublight.light {
3620
- --background: oklch(0.99 0 0);
3621
- --foreground: oklch(0.2 0 0);
3622
- --card: oklch(1 0 0);
3623
- --card-foreground: oklch(0.2 0 0);
3624
- --popover: oklch(1 0 0);
3625
- --popover-foreground: oklch(0.2 0 0);
3626
- --primary: oklch(0.48 0.16 240);
3627
- --primary-foreground: oklch(0.98 0 0);
3628
- --secondary: oklch(0.94 0 0);
3629
- --secondary-foreground: oklch(0.2 0 0);
3630
- --muted: oklch(0.94 0 0);
3631
- --muted-foreground: oklch(0.45 0 0);
3632
- --accent: oklch(0.94 0 0);
3633
- --accent-foreground: oklch(0.2 0 0);
3634
- --destructive: oklch(0.55 0.22 25);
3635
- --destructive-foreground: oklch(0.98 0 0);
3636
- --border: oklch(0.88 0 0);
3637
- --input: oklch(0.88 0 0);
3638
- --ring: oklch(0.48 0.16 240);
3639
- --sidebar: oklch(0.97 0 0);
3640
- --sidebar-foreground: oklch(0.35 0 0);
3641
- --sidebar-primary: oklch(0.48 0.16 240);
3642
- --sidebar-primary-foreground: oklch(0.98 0 0);
3643
- --sidebar-accent: oklch(0.94 0 0);
3644
- --sidebar-accent-foreground: oklch(0.2 0 0);
3645
- --sidebar-border: oklch(0.88 0 0);
3646
- --sidebar-ring: oklch(0.48 0.16 240);
3647
- }
3648
-
3649
- .theme-discord.dark {
3650
- --background: oklch(0.22 0.02 250);
3651
- --foreground: oklch(0.9 0.01 250);
3652
- --card: oklch(0.25 0.02 250);
3653
- --card-foreground: oklch(0.9 0.01 250);
3654
- --popover: oklch(0.25 0.02 250);
3655
- --popover-foreground: oklch(0.9 0.01 250);
3656
- --primary: oklch(0.58 0.2 265);
3657
- --primary-foreground: oklch(0.98 0 0);
3658
- --secondary: oklch(0.28 0.02 250);
3659
- --secondary-foreground: oklch(0.9 0.01 250);
3660
- --muted: oklch(0.28 0.02 250);
3661
- --muted-foreground: oklch(0.55 0.01 250);
3662
- --accent: oklch(0.28 0.02 250);
3663
- --accent-foreground: oklch(0.9 0.01 250);
3664
- --destructive: oklch(0.55 0.22 25);
3665
- --destructive-foreground: oklch(0.98 0 0);
3666
- --border: oklch(0.3 0.02 250);
3667
- --input: oklch(0.3 0.02 250);
3668
- --ring: oklch(0.58 0.2 265);
3669
- --sidebar: oklch(0.2 0.02 250);
3670
- --sidebar-foreground: oklch(0.75 0.01 250);
3671
- --sidebar-primary: oklch(0.58 0.2 265);
3672
- --sidebar-primary-foreground: oklch(0.98 0 0);
3673
- --sidebar-accent: oklch(0.26 0.02 250);
3674
- --sidebar-accent-foreground: oklch(0.9 0.01 250);
3675
- --sidebar-border: oklch(0.26 0.02 250);
3676
- --sidebar-ring: oklch(0.58 0.2 265);
3677
- }
3678
-
3679
- .theme-notion.light {
3680
- --background: oklch(0.98 0.01 80);
3681
- --foreground: oklch(0.2 0.01 80);
3682
- --card: oklch(1 0 0);
3683
- --card-foreground: oklch(0.2 0.01 80);
3684
- --popover: oklch(1 0 0);
3685
- --popover-foreground: oklch(0.2 0.01 80);
3686
- --primary: oklch(0.55 0.16 235);
3687
- --primary-foreground: oklch(0.98 0 0);
3688
- --secondary: oklch(0.93 0.01 80);
3689
- --secondary-foreground: oklch(0.2 0.01 80);
3690
- --muted: oklch(0.93 0.01 80);
3691
- --muted-foreground: oklch(0.45 0.01 80);
3692
- --accent: oklch(0.93 0.01 80);
3693
- --accent-foreground: oklch(0.2 0.01 80);
3694
- --destructive: oklch(0.55 0.22 25);
3695
- --destructive-foreground: oklch(0.98 0 0);
3696
- --border: oklch(0.88 0.01 80);
3697
- --input: oklch(0.88 0.01 80);
3698
- --ring: oklch(0.55 0.16 235);
3699
- --sidebar: oklch(0.96 0.01 80);
3700
- --sidebar-foreground: oklch(0.35 0.01 80);
3701
- --sidebar-primary: oklch(0.55 0.16 235);
3702
- --sidebar-primary-foreground: oklch(0.98 0 0);
3703
- --sidebar-accent: oklch(0.93 0.01 80);
3704
- --sidebar-accent-foreground: oklch(0.2 0.01 80);
3705
- --sidebar-border: oklch(0.88 0.01 80);
3706
- --sidebar-ring: oklch(0.55 0.16 235);
3707
- }
3708
-
3709
- .theme-linear.dark {
3710
- --background: oklch(0.14 0.01 270);
3711
- --foreground: oklch(0.9 0.01 270);
3712
- --card: oklch(0.17 0.01 270);
3713
- --card-foreground: oklch(0.9 0.01 270);
3714
- --popover: oklch(0.17 0.01 270);
3715
- --popover-foreground: oklch(0.9 0.01 270);
3716
- --primary: oklch(0.56 0.18 270);
3717
- --primary-foreground: oklch(0.98 0 0);
3718
- --secondary: oklch(0.21 0.01 270);
3719
- --secondary-foreground: oklch(0.9 0.01 270);
3720
- --muted: oklch(0.21 0.01 270);
3721
- --muted-foreground: oklch(0.5 0.01 270);
3722
- --accent: oklch(0.21 0.01 270);
3723
- --accent-foreground: oklch(0.9 0.01 270);
3724
- --destructive: oklch(0.55 0.22 25);
3725
- --destructive-foreground: oklch(0.98 0 0);
3726
- --border: oklch(0.24 0.01 270);
3727
- --input: oklch(0.24 0.01 270);
3728
- --ring: oklch(0.56 0.18 270);
3729
- --sidebar: oklch(0.12 0.01 270);
3730
- --sidebar-foreground: oklch(0.7 0.01 270);
3731
- --sidebar-primary: oklch(0.56 0.18 270);
3732
- --sidebar-primary-foreground: oklch(0.98 0 0);
3733
- --sidebar-accent: oklch(0.19 0.01 270);
3734
- --sidebar-accent-foreground: oklch(0.9 0.01 270);
3735
- --sidebar-border: oklch(0.19 0.01 270);
3736
- --sidebar-ring: oklch(0.56 0.18 270);
3737
- }
3738
-
3739
- .theme-spotify.dark {
3740
- --background: oklch(0.12 0 0);
3741
- --foreground: oklch(0.95 0 0);
3742
- --card: oklch(0.15 0 0);
3743
- --card-foreground: oklch(0.95 0 0);
3744
- --popover: oklch(0.15 0 0);
3745
- --popover-foreground: oklch(0.95 0 0);
3746
- --primary: oklch(0.62 0.2 145);
3747
- --primary-foreground: oklch(0.98 0 0);
3748
- --secondary: oklch(0.19 0 0);
3749
- --secondary-foreground: oklch(0.95 0 0);
3750
- --muted: oklch(0.19 0 0);
3751
- --muted-foreground: oklch(0.55 0 0);
3752
- --accent: oklch(0.19 0 0);
3753
- --accent-foreground: oklch(0.95 0 0);
3754
- --destructive: oklch(0.55 0.22 25);
3755
- --destructive-foreground: oklch(0.98 0 0);
3756
- --border: oklch(0.22 0 0);
3757
- --input: oklch(0.22 0 0);
3758
- --ring: oklch(0.62 0.2 145);
3759
- --sidebar: oklch(0.1 0 0);
3760
- --sidebar-foreground: oklch(0.75 0 0);
3761
- --sidebar-primary: oklch(0.62 0.2 145);
3762
- --sidebar-primary-foreground: oklch(0.98 0 0);
3763
- --sidebar-accent: oklch(0.17 0 0);
3764
- --sidebar-accent-foreground: oklch(0.95 0 0);
3765
- --sidebar-border: oklch(0.17 0 0);
3766
- --sidebar-ring: oklch(0.62 0.2 145);
3767
- }
3768
-
3769
- .theme-dracula.dark {
3770
- --background: oklch(0.2 0.03 270);
3771
- --foreground: oklch(0.92 0.01 270);
3772
- --card: oklch(0.23 0.03 270);
3773
- --card-foreground: oklch(0.92 0.01 270);
3774
- --popover: oklch(0.23 0.03 270);
3775
- --popover-foreground: oklch(0.92 0.01 270);
3776
- --primary: oklch(0.7 0.18 285);
3777
- --primary-foreground: oklch(0.98 0 0);
3778
- --secondary: oklch(0.27 0.03 270);
3779
- --secondary-foreground: oklch(0.92 0.01 270);
3780
- --muted: oklch(0.27 0.03 270);
3781
- --muted-foreground: oklch(0.55 0.01 270);
3782
- --accent: oklch(0.27 0.03 270);
3783
- --accent-foreground: oklch(0.92 0.01 270);
3784
- --destructive: oklch(0.55 0.22 25);
3785
- --destructive-foreground: oklch(0.98 0 0);
3786
- --border: oklch(0.3 0.03 270);
3787
- --input: oklch(0.3 0.03 270);
3788
- --ring: oklch(0.7 0.18 285);
3789
- --sidebar: oklch(0.18 0.03 270);
3790
- --sidebar-foreground: oklch(0.75 0.01 270);
3791
- --sidebar-primary: oklch(0.7 0.18 285);
3792
- --sidebar-primary-foreground: oklch(0.98 0 0);
3793
- --sidebar-accent: oklch(0.25 0.03 270);
3794
- --sidebar-accent-foreground: oklch(0.92 0.01 270);
3795
- --sidebar-border: oklch(0.25 0.03 270);
3796
- --sidebar-ring: oklch(0.7 0.18 285);
3797
- }
3798
-
3799
- .theme-nord.dark {
3800
- --background: oklch(0.22 0.02 220);
3801
- --foreground: oklch(0.88 0.01 220);
3802
- --card: oklch(0.25 0.02 220);
3803
- --card-foreground: oklch(0.88 0.01 220);
3804
- --popover: oklch(0.25 0.02 220);
3805
- --popover-foreground: oklch(0.88 0.01 220);
3806
- --primary: oklch(0.7 0.08 220);
3807
- --primary-foreground: oklch(0.98 0 0);
3808
- --secondary: oklch(0.28 0.02 220);
3809
- --secondary-foreground: oklch(0.88 0.01 220);
3810
- --muted: oklch(0.28 0.02 220);
3811
- --muted-foreground: oklch(0.55 0.01 220);
3812
- --accent: oklch(0.28 0.02 220);
3813
- --accent-foreground: oklch(0.88 0.01 220);
3814
- --destructive: oklch(0.55 0.22 25);
3815
- --destructive-foreground: oklch(0.98 0 0);
3816
- --border: oklch(0.3 0.02 220);
3817
- --input: oklch(0.3 0.02 220);
3818
- --ring: oklch(0.7 0.08 220);
3819
- --sidebar: oklch(0.2 0.02 220);
3820
- --sidebar-foreground: oklch(0.75 0.01 220);
3821
- --sidebar-primary: oklch(0.7 0.08 220);
3822
- --sidebar-primary-foreground: oklch(0.98 0 0);
3823
- --sidebar-accent: oklch(0.26 0.02 220);
3824
- --sidebar-accent-foreground: oklch(0.88 0.01 220);
3825
- --sidebar-border: oklch(0.26 0.02 220);
3826
- --sidebar-ring: oklch(0.7 0.08 220);
3827
- }
3828
-
3829
- .theme-solarized.light {
3830
- --background: oklch(0.97 0.02 85);
3831
- --foreground: oklch(0.3 0.02 85);
3832
- --card: oklch(0.99 0.01 85);
3833
- --card-foreground: oklch(0.3 0.02 85);
3834
- --popover: oklch(0.99 0.01 85);
3835
- --popover-foreground: oklch(0.3 0.02 85);
3836
- --primary: oklch(0.52 0.14 230);
3837
- --primary-foreground: oklch(0.98 0 0);
3838
- --secondary: oklch(0.93 0.02 85);
3839
- --secondary-foreground: oklch(0.3 0.02 85);
3840
- --muted: oklch(0.93 0.02 85);
3841
- --muted-foreground: oklch(0.45 0.02 85);
3842
- --accent: oklch(0.93 0.02 85);
3843
- --accent-foreground: oklch(0.3 0.02 85);
3844
- --destructive: oklch(0.55 0.22 25);
3845
- --destructive-foreground: oklch(0.98 0 0);
3846
- --border: oklch(0.88 0.02 85);
3847
- --input: oklch(0.88 0.02 85);
3848
- --ring: oklch(0.52 0.14 230);
3849
- --sidebar: oklch(0.95 0.02 85);
3850
- --sidebar-foreground: oklch(0.4 0.02 85);
3851
- --sidebar-primary: oklch(0.52 0.14 230);
3852
- --sidebar-primary-foreground: oklch(0.98 0 0);
3853
- --sidebar-accent: oklch(0.93 0.02 85);
3854
- --sidebar-accent-foreground: oklch(0.3 0.02 85);
3855
- --sidebar-border: oklch(0.88 0.02 85);
3856
- --sidebar-ring: oklch(0.52 0.14 230);
3857
- }
3858
-
3859
- .theme-monokai.dark {
3860
- --background: oklch(0.19 0.02 80);
3861
- --foreground: oklch(0.9 0.01 80);
3862
- --card: oklch(0.22 0.02 80);
3863
- --card-foreground: oklch(0.9 0.01 80);
3864
- --popover: oklch(0.22 0.02 80);
3865
- --popover-foreground: oklch(0.9 0.01 80);
3866
- --primary: oklch(0.75 0.16 130);
3867
- --primary-foreground: oklch(0.98 0 0);
3868
- --secondary: oklch(0.26 0.02 80);
3869
- --secondary-foreground: oklch(0.9 0.01 80);
3870
- --muted: oklch(0.26 0.02 80);
3871
- --muted-foreground: oklch(0.55 0.01 80);
3872
- --accent: oklch(0.26 0.02 80);
3873
- --accent-foreground: oklch(0.9 0.01 80);
3874
- --destructive: oklch(0.55 0.22 25);
3875
- --destructive-foreground: oklch(0.98 0 0);
3876
- --border: oklch(0.28 0.02 80);
3877
- --input: oklch(0.28 0.02 80);
3878
- --ring: oklch(0.75 0.16 130);
3879
- --sidebar: oklch(0.17 0.02 80);
3880
- --sidebar-foreground: oklch(0.75 0.01 80);
3881
- --sidebar-primary: oklch(0.75 0.16 130);
3882
- --sidebar-primary-foreground: oklch(0.98 0 0);
3883
- --sidebar-accent: oklch(0.24 0.02 80);
3884
- --sidebar-accent-foreground: oklch(0.9 0.01 80);
3885
- --sidebar-border: oklch(0.24 0.02 80);
3886
- --sidebar-ring: oklch(0.75 0.16 130);
3887
- }
3888
-
3889
- .theme-jiradark.dark {
3890
- --background: oklch(0.12 0.01 240);
3891
- --foreground: oklch(0.9 0.01 240);
3892
- --card: oklch(0.15 0.01 240);
3893
- --card-foreground: oklch(0.9 0.01 240);
3894
- --popover: oklch(0.15 0.01 240);
3895
- --popover-foreground: oklch(0.9 0.01 240);
3896
- --primary: oklch(0.5 0.18 245);
3897
- --primary-foreground: oklch(0.98 0 0);
3898
- --secondary: oklch(0.19 0.01 240);
3899
- --secondary-foreground: oklch(0.9 0.01 240);
3900
- --muted: oklch(0.19 0.01 240);
3901
- --muted-foreground: oklch(0.5 0.01 240);
3902
- --accent: oklch(0.19 0.01 240);
3903
- --accent-foreground: oklch(0.9 0.01 240);
3904
- --destructive: oklch(0.55 0.22 25);
3905
- --destructive-foreground: oklch(0.98 0 0);
3906
- --border: oklch(0.22 0.01 240);
3907
- --input: oklch(0.22 0.01 240);
3908
- --ring: oklch(0.5 0.18 245);
3909
- --sidebar: oklch(0.1 0.01 240);
3910
- --sidebar-foreground: oklch(0.75 0.01 240);
3911
- --sidebar-primary: oklch(0.5 0.18 245);
3912
- --sidebar-primary-foreground: oklch(0.98 0 0);
3913
- --sidebar-accent: oklch(0.17 0.01 240);
3914
- --sidebar-accent-foreground: oklch(0.9 0.01 240);
3915
- --sidebar-border: oklch(0.17 0.01 240);
3916
- --sidebar-ring: oklch(0.5 0.18 245);
3917
- }
3918
-
3919
- .theme-trellodark.dark {
3920
- --background: oklch(0.18 0.01 200);
3921
- --foreground: oklch(0.9 0.01 200);
3922
- --card: oklch(0.21 0.01 200);
3923
- --card-foreground: oklch(0.9 0.01 200);
3924
- --popover: oklch(0.21 0.01 200);
3925
- --popover-foreground: oklch(0.9 0.01 200);
3926
- --primary: oklch(0.5 0.1 230);
3927
- --primary-foreground: oklch(0.98 0 0);
3928
- --secondary: oklch(0.25 0.01 200);
3929
- --secondary-foreground: oklch(0.9 0.01 200);
3930
- --muted: oklch(0.25 0.01 200);
3931
- --muted-foreground: oklch(0.55 0.01 200);
3932
- --accent: oklch(0.25 0.01 200);
3933
- --accent-foreground: oklch(0.9 0.01 200);
3934
- --destructive: oklch(0.55 0.22 25);
3935
- --destructive-foreground: oklch(0.98 0 0);
3936
- --border: oklch(0.28 0.01 200);
3937
- --input: oklch(0.28 0.01 200);
3938
- --ring: oklch(0.5 0.1 230);
3939
- --sidebar: oklch(0.16 0.01 200);
3940
- --sidebar-foreground: oklch(0.75 0.01 200);
3941
- --sidebar-primary: oklch(0.5 0.1 230);
3942
- --sidebar-primary-foreground: oklch(0.98 0 0);
3943
- --sidebar-accent: oklch(0.23 0.01 200);
3944
- --sidebar-accent-foreground: oklch(0.9 0.01 200);
3945
- --sidebar-border: oklch(0.23 0.01 200);
3946
- --sidebar-ring: oklch(0.5 0.1 230);
3947
- }
3948
-
3949
- .theme-youtubedark.dark {
3950
- --background: oklch(0.15 0.01 240);
3951
- --foreground: oklch(0.95 0 0);
3952
- --card: oklch(0.17 0.01 240);
3953
- --card-foreground: oklch(0.95 0 0);
3954
- --popover: oklch(0.17 0.01 240);
3955
- --popover-foreground: oklch(0.95 0 0);
3956
- --primary: oklch(0.52 0.24 35);
3957
- --primary-foreground: oklch(0.98 0 0);
3958
- --secondary: oklch(0.21 0.01 240);
3959
- --secondary-foreground: oklch(0.95 0 0);
3960
- --muted: oklch(0.21 0.01 240);
3961
- --muted-foreground: oklch(0.55 0 0);
3962
- --accent: oklch(0.21 0.01 240);
3963
- --accent-foreground: oklch(0.95 0 0);
3964
- --destructive: oklch(0.55 0.22 25);
3965
- --destructive-foreground: oklch(0.98 0 0);
3966
- --border: oklch(0.24 0.01 240);
3967
- --input: oklch(0.24 0.01 240);
3968
- --ring: oklch(0.52 0.24 35);
3969
- --sidebar: oklch(0.13 0.01 240);
3970
- --sidebar-foreground: oklch(0.75 0.01 240);
3971
- --sidebar-primary: oklch(0.52 0.24 35);
3972
- --sidebar-primary-foreground: oklch(0.98 0 0);
3973
- --sidebar-accent: oklch(0.19 0.01 240);
3974
- --sidebar-accent-foreground: oklch(0.95 0 0);
3975
- --sidebar-border: oklch(0.19 0.01 240);
3976
- --sidebar-ring: oklch(0.52 0.24 35);
3977
- }
3978
-
3979
- .theme-googledark.dark {
3980
- --background: oklch(0.1 0 0);
3981
- --foreground: oklch(0.9 0 0);
3982
- --card: oklch(0.13 0 0);
3983
- --card-foreground: oklch(0.9 0 0);
3984
- --popover: oklch(0.13 0 0);
3985
- --popover-foreground: oklch(0.9 0 0);
3986
- --primary: oklch(0.58 0.16 250);
3987
- --primary-foreground: oklch(0.98 0 0);
3988
- --secondary: oklch(0.17 0 0);
3989
- --secondary-foreground: oklch(0.9 0 0);
3990
- --muted: oklch(0.17 0 0);
3991
- --muted-foreground: oklch(0.5 0 0);
3992
- --accent: oklch(0.17 0 0);
3993
- --accent-foreground: oklch(0.9 0 0);
3994
- --destructive: oklch(0.55 0.22 25);
3995
- --destructive-foreground: oklch(0.98 0 0);
3996
- --border: oklch(0.2 0 0);
3997
- --input: oklch(0.2 0 0);
3998
- --ring: oklch(0.58 0.16 250);
3999
- --sidebar: oklch(0.08 0 0);
4000
- --sidebar-foreground: oklch(0.7 0 0);
4001
- --sidebar-primary: oklch(0.58 0.16 250);
4002
- --sidebar-primary-foreground: oklch(0.98 0 0);
4003
- --sidebar-accent: oklch(0.15 0 0);
4004
- --sidebar-accent-foreground: oklch(0.9 0 0);
4005
- --sidebar-border: oklch(0.15 0 0);
4006
- --sidebar-ring: oklch(0.58 0.16 250);
4007
- }
4008
-
4009
- .theme-whatsappdark.dark {
4010
- --background: oklch(0.15 0.03 180);
4011
- --foreground: oklch(0.9 0.01 180);
4012
- --card: oklch(0.18 0.03 180);
4013
- --card-foreground: oklch(0.9 0.01 180);
4014
- --popover: oklch(0.18 0.03 180);
4015
- --popover-foreground: oklch(0.9 0.01 180);
4016
- --primary: oklch(0.65 0.2 150);
4017
- --primary-foreground: oklch(0.98 0 0);
4018
- --secondary: oklch(0.22 0.03 180);
4019
- --secondary-foreground: oklch(0.9 0.01 180);
4020
- --muted: oklch(0.22 0.03 180);
4021
- --muted-foreground: oklch(0.5 0.01 180);
4022
- --accent: oklch(0.22 0.03 180);
4023
- --accent-foreground: oklch(0.9 0.01 180);
4024
- --destructive: oklch(0.55 0.22 25);
4025
- --destructive-foreground: oklch(0.98 0 0);
4026
- --border: oklch(0.25 0.03 180);
4027
- --input: oklch(0.25 0.03 180);
4028
- --ring: oklch(0.65 0.2 150);
4029
- --sidebar: oklch(0.13 0.03 180);
4030
- --sidebar-foreground: oklch(0.7 0.01 180);
4031
- --sidebar-primary: oklch(0.65 0.2 150);
4032
- --sidebar-primary-foreground: oklch(0.98 0 0);
4033
- --sidebar-accent: oklch(0.2 0.03 180);
4034
- --sidebar-accent-foreground: oklch(0.9 0.01 180);
4035
- --sidebar-border: oklch(0.2 0.03 180);
4036
- --sidebar-ring: oklch(0.65 0.2 150);
4037
- }