@codefast/ui 0.3.9 → 0.3.11-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (210) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +277 -167
  3. package/dist/components/accordion.cjs +97 -1
  4. package/dist/components/accordion.js +51 -1
  5. package/dist/components/alert-dialog.cjs +155 -1
  6. package/dist/components/alert-dialog.d.ts +2 -2
  7. package/dist/components/alert-dialog.js +94 -1
  8. package/dist/components/alert.cjs +84 -1
  9. package/dist/components/alert.d.ts +1 -1
  10. package/dist/components/alert.js +41 -1
  11. package/dist/components/aspect-ratio.cjs +43 -1
  12. package/dist/components/aspect-ratio.js +9 -1
  13. package/dist/components/avatar.cjs +65 -1
  14. package/dist/components/avatar.js +25 -1
  15. package/dist/components/badge.cjs +66 -1
  16. package/dist/components/badge.d.ts +1 -1
  17. package/dist/components/badge.js +29 -1
  18. package/dist/components/breadcrumb.cjs +124 -1
  19. package/dist/components/breadcrumb.js +72 -1
  20. package/dist/components/button-group.cjs +86 -1
  21. package/dist/components/button-group.d.ts +1 -1
  22. package/dist/components/button-group.js +43 -1
  23. package/dist/components/button.cjs +92 -1
  24. package/dist/components/button.d.ts +1 -1
  25. package/dist/components/button.js +55 -1
  26. package/dist/components/calendar.cjs +150 -1
  27. package/dist/components/calendar.d.ts +11 -18
  28. package/dist/components/calendar.js +113 -1
  29. package/dist/components/card.cjs +105 -1
  30. package/dist/components/card.js +53 -1
  31. package/dist/components/carousel.cjs +210 -1
  32. package/dist/components/carousel.d.ts +1 -1
  33. package/dist/components/carousel.js +151 -1
  34. package/dist/components/chart.cjs +250 -3
  35. package/dist/components/chart.d.ts +5 -4
  36. package/dist/components/chart.js +198 -3
  37. package/dist/components/checkbox-cards.cjs +69 -1
  38. package/dist/components/checkbox-cards.js +32 -1
  39. package/dist/components/checkbox-group.cjs +63 -1
  40. package/dist/components/checkbox-group.js +26 -1
  41. package/dist/components/checkbox.cjs +53 -1
  42. package/dist/components/checkbox.js +19 -1
  43. package/dist/components/collapsible.cjs +61 -1
  44. package/dist/components/collapsible.js +21 -1
  45. package/dist/components/command.cjs +167 -1
  46. package/dist/components/command.js +106 -1
  47. package/dist/components/context-menu.cjs +218 -1
  48. package/dist/components/context-menu.js +142 -1
  49. package/dist/components/dialog.cjs +164 -1
  50. package/dist/components/dialog.d.ts +2 -2
  51. package/dist/components/dialog.js +106 -1
  52. package/dist/components/drawer.cjs +143 -1
  53. package/dist/components/drawer.d.ts +1 -1
  54. package/dist/components/drawer.js +85 -1
  55. package/dist/components/dropdown-menu.cjs +221 -1
  56. package/dist/components/dropdown-menu.js +145 -1
  57. package/dist/components/empty.cjs +113 -1
  58. package/dist/components/empty.d.ts +1 -1
  59. package/dist/components/empty.js +61 -1
  60. package/dist/components/field.cjs +193 -1
  61. package/dist/components/field.d.ts +1 -1
  62. package/dist/components/field.js +129 -1
  63. package/dist/components/form.cjs +151 -1
  64. package/dist/components/form.d.ts +3 -3
  65. package/dist/components/form.js +96 -1
  66. package/dist/components/hover-card.cjs +77 -1
  67. package/dist/components/hover-card.js +34 -1
  68. package/dist/components/input-group.cjs +155 -1
  69. package/dist/components/input-group.d.ts +1 -1
  70. package/dist/components/input-group.js +97 -1
  71. package/dist/components/input-number.cjs +98 -1
  72. package/dist/components/input-number.js +64 -1
  73. package/dist/components/input-otp.cjs +101 -1
  74. package/dist/components/input-otp.js +49 -1
  75. package/dist/components/input-password.cjs +71 -1
  76. package/dist/components/input-password.js +37 -1
  77. package/dist/components/input-search.cjs +80 -1
  78. package/dist/components/input-search.js +46 -1
  79. package/dist/components/input.cjs +45 -1
  80. package/dist/components/input.js +11 -1
  81. package/dist/components/item.cjs +186 -1
  82. package/dist/components/item.d.ts +1 -1
  83. package/dist/components/item.js +119 -1
  84. package/dist/components/kbd.cjs +54 -1
  85. package/dist/components/kbd.js +17 -1
  86. package/dist/components/label.cjs +45 -1
  87. package/dist/components/label.js +11 -1
  88. package/dist/components/menubar.cjs +232 -1
  89. package/dist/components/menubar.js +153 -1
  90. package/dist/components/native-select.cjs +75 -1
  91. package/dist/components/native-select.js +35 -1
  92. package/dist/components/navigation-menu.cjs +146 -2
  93. package/dist/components/navigation-menu.js +94 -2
  94. package/dist/components/pagination.cjs +138 -1
  95. package/dist/components/pagination.d.ts +1 -1
  96. package/dist/components/pagination.js +86 -1
  97. package/dist/components/popover.cjs +86 -1
  98. package/dist/components/popover.js +40 -1
  99. package/dist/components/progress-circle.cjs +184 -1
  100. package/dist/components/progress-circle.d.ts +1 -1
  101. package/dist/components/progress-circle.js +147 -1
  102. package/dist/components/progress.cjs +52 -1
  103. package/dist/components/progress.js +18 -1
  104. package/dist/components/radio-cards.cjs +66 -1
  105. package/dist/components/radio-cards.js +29 -1
  106. package/dist/components/radio-group.cjs +59 -1
  107. package/dist/components/radio-group.js +22 -1
  108. package/dist/components/radio.cjs +47 -1
  109. package/dist/components/radio.js +13 -1
  110. package/dist/components/resizable.cjs +71 -1
  111. package/dist/components/resizable.d.ts +6 -6
  112. package/dist/components/resizable.js +31 -1
  113. package/dist/components/scroll-area.cjs +140 -1
  114. package/dist/components/scroll-area.d.ts +1 -1
  115. package/dist/components/scroll-area.js +100 -1
  116. package/dist/components/select.cjs +180 -1
  117. package/dist/components/select.d.ts +2 -2
  118. package/dist/components/select.js +119 -1
  119. package/dist/components/separator.cjs +82 -1
  120. package/dist/components/separator.d.ts +1 -1
  121. package/dist/components/separator.js +42 -1
  122. package/dist/components/sheet.cjs +184 -1
  123. package/dist/components/sheet.d.ts +2 -2
  124. package/dist/components/sheet.js +123 -1
  125. package/dist/components/sidebar.cjs +506 -1
  126. package/dist/components/sidebar.d.ts +1 -1
  127. package/dist/components/sidebar.js +400 -1
  128. package/dist/components/skeleton.cjs +44 -1
  129. package/dist/components/skeleton.js +10 -1
  130. package/dist/components/slider.cjs +79 -1
  131. package/dist/components/slider.js +45 -1
  132. package/dist/components/sonner.cjs +57 -1
  133. package/dist/components/sonner.js +17 -1
  134. package/dist/components/spinner.cjs +75 -1
  135. package/dist/components/spinner.js +41 -1
  136. package/dist/components/switch.cjs +49 -1
  137. package/dist/components/switch.js +15 -1
  138. package/dist/components/table.cjs +118 -1
  139. package/dist/components/table.js +63 -1
  140. package/dist/components/tabs.cjs +75 -1
  141. package/dist/components/tabs.d.ts +1 -1
  142. package/dist/components/tabs.js +32 -1
  143. package/dist/components/textarea.cjs +44 -1
  144. package/dist/components/textarea.js +10 -1
  145. package/dist/components/toggle-group.cjs +90 -1
  146. package/dist/components/toggle-group.d.ts +8 -10
  147. package/dist/components/toggle-group.js +53 -1
  148. package/dist/components/toggle.cjs +71 -1
  149. package/dist/components/toggle.d.ts +8 -10
  150. package/dist/components/toggle.js +34 -1
  151. package/dist/components/tooltip.cjs +90 -1
  152. package/dist/components/tooltip.js +44 -1
  153. package/dist/css/amber.css +95 -1
  154. package/dist/css/blue.css +95 -1
  155. package/dist/css/cyan.css +95 -1
  156. package/dist/css/emerald.css +95 -1
  157. package/dist/css/fuchsia.css +95 -1
  158. package/dist/css/gray.css +95 -1
  159. package/dist/css/green.css +95 -1
  160. package/dist/css/indigo.css +95 -1
  161. package/dist/css/lime.css +95 -1
  162. package/dist/css/neutral.css +95 -1
  163. package/dist/css/orange.css +95 -1
  164. package/dist/css/pink.css +95 -1
  165. package/dist/css/preset.css +118 -1
  166. package/dist/css/purple.css +95 -1
  167. package/dist/css/red.css +95 -1
  168. package/dist/css/rose.css +95 -1
  169. package/dist/css/sky.css +95 -1
  170. package/dist/css/slate.css +95 -1
  171. package/dist/css/stone.css +95 -1
  172. package/dist/css/style.css +3 -1
  173. package/dist/css/teal.css +95 -1
  174. package/dist/css/violet.css +95 -1
  175. package/dist/css/yellow.css +95 -1
  176. package/dist/css/zinc.css +95 -1
  177. package/dist/hooks/use-animated-value.cjs +74 -1
  178. package/dist/hooks/use-animated-value.d.ts +9 -10
  179. package/dist/hooks/use-animated-value.js +40 -1
  180. package/dist/hooks/use-copy-to-clipboard.cjs +57 -1
  181. package/dist/hooks/use-copy-to-clipboard.d.ts +17 -0
  182. package/dist/hooks/use-copy-to-clipboard.js +23 -1
  183. package/dist/hooks/use-is-mobile.cjs +39 -1
  184. package/dist/hooks/use-is-mobile.d.ts +15 -6
  185. package/dist/hooks/use-is-mobile.js +5 -1
  186. package/dist/hooks/use-media-query.cjs +56 -1
  187. package/dist/hooks/use-media-query.d.ts +11 -3
  188. package/dist/hooks/use-media-query.js +22 -1
  189. package/dist/hooks/use-mutation-observer.cjs +56 -1
  190. package/dist/hooks/use-mutation-observer.d.ts +7 -11
  191. package/dist/hooks/use-mutation-observer.js +22 -1
  192. package/dist/hooks/use-pagination.cjs +92 -1
  193. package/dist/hooks/use-pagination.d.ts +12 -10
  194. package/dist/hooks/use-pagination.js +55 -1
  195. package/dist/index.cjs +1081 -1
  196. package/dist/index.d.ts +4 -5
  197. package/dist/index.js +69 -1
  198. package/dist/primitives/checkbox-group.cjs +151 -1
  199. package/dist/primitives/checkbox-group.d.ts +1 -1
  200. package/dist/primitives/checkbox-group.js +99 -1
  201. package/dist/primitives/input-number.cjs +439 -1
  202. package/dist/primitives/input-number.d.ts +1 -1
  203. package/dist/primitives/input-number.js +381 -1
  204. package/dist/primitives/input.cjs +99 -1
  205. package/dist/primitives/input.d.ts +1 -1
  206. package/dist/primitives/input.js +53 -1
  207. package/dist/primitives/progress-circle.cjs +198 -1
  208. package/dist/primitives/progress-circle.d.ts +1 -1
  209. package/dist/primitives/progress-circle.js +128 -1
  210. package/package.json +405 -62
@@ -1 +1,95 @@
1
- :root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(72% .18 306);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(56% .25 302);--primary-foreground:oklch(98% .01 308);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(56% .25 302);--sidebar-primary-foreground:oklch(98% .01 308);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(72% .18 306);--chart-1:oklch(83% .11 306);--chart-2:oklch(72% .18 306);--chart-3:oklch(63% .23 304);--chart-4:oklch(56% .25 302);--chart-5:oklch(50% .24 302)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .17 305);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(63% .23 304);--primary-foreground:oklch(98% .01 308);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(63% .23 304);--sidebar-primary-foreground:oklch(98% .01 308);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(38% .17 305);--chart-1:oklch(83% .11 306);--chart-2:oklch(72% .18 306);--chart-3:oklch(63% .23 304);--chart-4:oklch(56% .25 302);--chart-5:oklch(50% .24 302)}
1
+ :root {
2
+ --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
3
+ --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
4
+
5
+ --ring: oklch(0.72 0.18 306); /* --color-purple-400 */
6
+
7
+ --background: oklch(1 0 0); /* --color-zinc-50 */
8
+ --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
9
+
10
+ --primary: oklch(0.56 0.25 302); /* --color-purple-600 */
11
+ --primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
12
+
13
+ --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
14
+ --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
19
+ --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
20
+
21
+ --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
22
+ --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
23
+
24
+ --popover: oklch(1 0 0); /* --color-zinc-50 */
25
+ --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
26
+
27
+ --card: oklch(1 0 0); /* --color-zinc-50 */
28
+ --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
29
+
30
+ --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
32
+
33
+ --sidebar-primary: oklch(0.56 0.25 302); /* --color-purple-600 */
34
+ --sidebar-primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
35
+
36
+ --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
37
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
38
+
39
+ --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
40
+ --sidebar-ring: oklch(0.72 0.18 306); /* --color-purple-400 */
41
+
42
+ --chart-1: oklch(0.83 0.11 306); /* --color-purple-300 */
43
+ --chart-2: oklch(0.72 0.18 306); /* --color-purple-400 */
44
+ --chart-3: oklch(0.63 0.23 304); /* --color-purple-500 */
45
+ --chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
46
+ --chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.38 0.17 305); /* --color-purple-900 */
54
+
55
+ --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
56
+ --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
57
+
58
+ --primary: oklch(0.63 0.23 304); /* --color-purple-500 */
59
+ --primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
60
+
61
+ --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
62
+ --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
65
+
66
+ --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
67
+ --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
68
+
69
+ --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
70
+ --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
71
+
72
+ --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
73
+ --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
74
+
75
+ --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
76
+ --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
77
+
78
+ --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
79
+ --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
80
+
81
+ --sidebar-primary: oklch(0.63 0.23 304); /* --color-purple-500 */
82
+ --sidebar-primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
83
+
84
+ --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
85
+ --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.38 0.17 305); /* --color-purple-900 */
89
+
90
+ --chart-1: oklch(0.83 0.11 306); /* --color-purple-300 */
91
+ --chart-2: oklch(0.72 0.18 306); /* --color-purple-400 */
92
+ --chart-3: oklch(0.63 0.23 304); /* --color-purple-500 */
93
+ --chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
94
+ --chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
95
+ }
package/dist/css/red.css CHANGED
@@ -1 +1,95 @@
1
- :root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.4% .191 22.216);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(57.7% .245 27.325);--primary-foreground:oklch(97.1% .013 17.38);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(57.7% .245 27.325);--sidebar-primary-foreground:oklch(97.1% .013 17.38);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.4% .191 22.216);--chart-1:oklch(80.8% .114 19.571);--chart-2:oklch(63.7% .237 25.331);--chart-3:oklch(57.7% .245 27.325);--chart-4:oklch(50.5% .213 27.518);--chart-5:oklch(44.4% .177 26.899)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39.6% .141 25.723);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(63.7% .237 25.331);--primary-foreground:oklch(97.1% .013 17.38);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(63.7% .237 25.331);--sidebar-primary-foreground:oklch(97.1% .013 17.38);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(39.6% .141 25.723);--chart-1:oklch(80.8% .114 19.571);--chart-2:oklch(63.7% .237 25.331);--chart-3:oklch(57.7% .245 27.325);--chart-4:oklch(50.5% .213 27.518);--chart-5:oklch(44.4% .177 26.899)}
1
+ :root {
2
+ --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
3
+ --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
4
+
5
+ --ring: oklch(0.704 0.191 22.216); /* --color-red-400 */
6
+
7
+ --background: oklch(1 0 0); /* --color-zinc-50 */
8
+ --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
9
+
10
+ --primary: oklch(0.577 0.245 27.325); /* --color-red-600 */
11
+ --primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
12
+
13
+ --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
14
+ --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
19
+ --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
20
+
21
+ --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
22
+ --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
23
+
24
+ --popover: oklch(1 0 0); /* --color-zinc-50 */
25
+ --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
26
+
27
+ --card: oklch(1 0 0); /* --color-zinc-50 */
28
+ --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
29
+
30
+ --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
32
+
33
+ --sidebar-primary: oklch(0.577 0.245 27.325); /* --color-red-600 */
34
+ --sidebar-primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
35
+
36
+ --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
37
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
38
+
39
+ --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
40
+ --sidebar-ring: oklch(0.704 0.191 22.216); /* --color-red-400 */
41
+
42
+ --chart-1: oklch(0.808 0.114 19.571); /* --color-red-300 */
43
+ --chart-2: oklch(0.637 0.237 25.331); /* --color-red-500 */
44
+ --chart-3: oklch(0.577 0.245 27.325); /* --color-red-600 */
45
+ --chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
46
+ --chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.396 0.141 25.723); /* --color-red-900 */
54
+
55
+ --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
56
+ --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
57
+
58
+ --primary: oklch(0.637 0.237 25.331); /* --color-red-500 */
59
+ --primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
60
+
61
+ --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
62
+ --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
65
+
66
+ --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
67
+ --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
68
+
69
+ --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
70
+ --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
71
+
72
+ --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
73
+ --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
74
+
75
+ --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
76
+ --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
77
+
78
+ --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
79
+ --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
80
+
81
+ --sidebar-primary: oklch(0.637 0.237 25.331); /* --color-red-500 */
82
+ --sidebar-primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
83
+
84
+ --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
85
+ --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.396 0.141 25.723); /* --color-red-900 */
89
+
90
+ --chart-1: oklch(0.808 0.114 19.571); /* --color-red-300 */
91
+ --chart-2: oklch(0.637 0.237 25.331); /* --color-red-500 */
92
+ --chart-3: oklch(0.577 0.245 27.325); /* --color-red-600 */
93
+ --chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
94
+ --chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
95
+ }
package/dist/css/rose.css CHANGED
@@ -1 +1,95 @@
1
- :root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(71.2% .194 13.428);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(58.6% .253 17.585);--primary-foreground:oklch(96.9% .015 12.422);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(58.6% .253 17.585);--sidebar-primary-foreground:oklch(96.9% .015 12.422);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(71.2% .194 13.428);--chart-1:oklch(81% .117 11.638);--chart-2:oklch(64.5% .246 16.439);--chart-3:oklch(58.6% .253 17.585);--chart-4:oklch(51.4% .222 16.935);--chart-5:oklch(45.5% .188 13.697)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(41% .159 10.272);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(64.5% .246 16.439);--primary-foreground:oklch(96.9% .015 12.422);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(64.5% .246 16.439);--sidebar-primary-foreground:oklch(96.9% .015 12.422);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(41% .159 10.272);--chart-1:oklch(81% .117 11.638);--chart-2:oklch(64.5% .246 16.439);--chart-3:oklch(58.6% .253 17.585);--chart-4:oklch(51.4% .222 16.935);--chart-5:oklch(45.5% .188 13.697)}
1
+ :root {
2
+ --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
3
+ --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
4
+
5
+ --ring: oklch(0.712 0.194 13.428); /* --color-rose-400 */
6
+
7
+ --background: oklch(1 0 0); /* --color-zinc-50 */
8
+ --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
9
+
10
+ --primary: oklch(0.586 0.253 17.585); /* --color-rose-600 */
11
+ --primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
12
+
13
+ --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
14
+ --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
19
+ --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
20
+
21
+ --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
22
+ --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
23
+
24
+ --popover: oklch(1 0 0); /* --color-zinc-50 */
25
+ --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
26
+
27
+ --card: oklch(1 0 0); /* --color-zinc-50 */
28
+ --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
29
+
30
+ --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
32
+
33
+ --sidebar-primary: oklch(0.586 0.253 17.585); /* --color-rose-600 */
34
+ --sidebar-primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
35
+
36
+ --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
37
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
38
+
39
+ --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
40
+ --sidebar-ring: oklch(0.712 0.194 13.428); /* --color-rose-400 */
41
+
42
+ --chart-1: oklch(0.81 0.117 11.638); /* --color-rose-300 */
43
+ --chart-2: oklch(0.645 0.246 16.439); /* --color-rose-500 */
44
+ --chart-3: oklch(0.586 0.253 17.585); /* --color-rose-600 */
45
+ --chart-4: oklch(0.514 0.222 16.935); /* --color-rose-700 */
46
+ --chart-5: oklch(0.455 0.188 13.697); /* --color-rose-800 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.41 0.159 10.272); /* --color-rose-900 */
54
+
55
+ --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
56
+ --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
57
+
58
+ --primary: oklch(0.645 0.246 16.439); /* --color-rose-500 */
59
+ --primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
60
+
61
+ --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
62
+ --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
65
+
66
+ --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
67
+ --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
68
+
69
+ --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
70
+ --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
71
+
72
+ --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
73
+ --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
74
+
75
+ --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
76
+ --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
77
+
78
+ --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
79
+ --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
80
+
81
+ --sidebar-primary: oklch(0.645 0.246 16.439); /* --color-rose-500 */
82
+ --sidebar-primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
83
+
84
+ --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
85
+ --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.41 0.159 10.272); /* --color-rose-900 */
89
+
90
+ --chart-1: oklch(0.81 0.117 11.638); /* --color-rose-300 */
91
+ --chart-2: oklch(0.645 0.246 16.439); /* --color-rose-500 */
92
+ --chart-3: oklch(0.586 0.253 17.585); /* --color-rose-600 */
93
+ --chart-4: oklch(0.514 0.222 16.935); /* --color-rose-700 */
94
+ --chart-5: oklch(0.455 0.188 13.697); /* --color-rose-800 */
95
+ }
package/dist/css/sky.css CHANGED
@@ -1 +1,95 @@
1
- :root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(75% .14 233);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(59% .14 242);--primary-foreground:oklch(98% .01 237);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(59% .14 242);--sidebar-primary-foreground:oklch(98% .01 237);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(75% .14 233);--chart-1:oklch(83% .1 230);--chart-2:oklch(68% .15 237);--chart-3:oklch(59% .14 242);--chart-4:oklch(50% .12 243);--chart-5:oklch(44% .1 241)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39% .08 241);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(68% .15 237);--primary-foreground:oklch(98% .01 237);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(68% .15 237);--sidebar-primary-foreground:oklch(98% .01 237);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(39% .08 241);--chart-1:oklch(83% .1 230);--chart-2:oklch(68% .15 237);--chart-3:oklch(59% .14 242);--chart-4:oklch(50% .12 243);--chart-5:oklch(44% .1 241)}
1
+ :root {
2
+ --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
3
+ --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
4
+
5
+ --ring: oklch(0.75 0.14 233); /* --color-sky-400 */
6
+
7
+ --background: oklch(1 0 0); /* --color-zinc-50 */
8
+ --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
9
+
10
+ --primary: oklch(0.59 0.14 242); /* --color-sky-600 */
11
+ --primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
12
+
13
+ --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
14
+ --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
19
+ --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
20
+
21
+ --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
22
+ --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
23
+
24
+ --popover: oklch(1 0 0); /* --color-zinc-50 */
25
+ --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
26
+
27
+ --card: oklch(1 0 0); /* --color-zinc-50 */
28
+ --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
29
+
30
+ --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
31
+ --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
32
+
33
+ --sidebar-primary: oklch(0.59 0.14 242); /* --color-sky-600 */
34
+ --sidebar-primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
35
+
36
+ --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
37
+ --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
38
+
39
+ --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
40
+ --sidebar-ring: oklch(0.75 0.14 233); /* --color-sky-400 */
41
+
42
+ --chart-1: oklch(0.83 0.1 230); /* --color-sky-300 */
43
+ --chart-2: oklch(0.68 0.15 237); /* --color-sky-500 */
44
+ --chart-3: oklch(0.59 0.14 242); /* --color-sky-600 */
45
+ --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
46
+ --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.39 0.08 241); /* --color-sky-900 */
54
+
55
+ --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
56
+ --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
57
+
58
+ --primary: oklch(0.68 0.15 237); /* --color-sky-500 */
59
+ --primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
60
+
61
+ --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
62
+ --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
65
+
66
+ --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
67
+ --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
68
+
69
+ --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
70
+ --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
71
+
72
+ --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
73
+ --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
74
+
75
+ --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
76
+ --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
77
+
78
+ --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
79
+ --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
80
+
81
+ --sidebar-primary: oklch(0.68 0.15 237); /* --color-sky-500 */
82
+ --sidebar-primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
83
+
84
+ --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
85
+ --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.39 0.08 241); /* --color-sky-900 */
89
+
90
+ --chart-1: oklch(0.83 0.1 230); /* --color-sky-300 */
91
+ --chart-2: oklch(0.68 0.15 237); /* --color-sky-500 */
92
+ --chart-3: oklch(0.59 0.14 242); /* --color-sky-600 */
93
+ --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
94
+ --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
95
+ }
@@ -1 +1,95 @@
1
- :root{--input:oklch(93% .01 256);--border:oklch(93% .01 256);--ring:oklch(71% .04 257);--background:oklch(98% 0 248);--foreground:oklch(13% .04 265);--primary:oklch(21% .04 266);--primary-foreground:oklch(98% 0 248);--secondary:oklch(97% .01 248);--secondary-foreground:oklch(21% .04 266);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% .01 248);--accent-foreground:oklch(21% .04 266);--muted:oklch(97% .01 248);--muted-foreground:oklch(55% .04 257);--popover:oklch(98% 0 248);--popover-foreground:oklch(13% .04 265);--card:oklch(98% 0 248);--card-foreground:oklch(13% .04 265);--sidebar:oklch(98% 0 248);--sidebar-foreground:oklch(13% .04 265);--sidebar-primary:oklch(21% .04 266);--sidebar-primary-foreground:oklch(98% 0 248);--sidebar-accent:oklch(97% .01 248);--sidebar-accent-foreground:oklch(21% .04 266);--sidebar-border:oklch(93% .01 256);--sidebar-ring:oklch(71% .04 257);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55% .04 257);--background:oklch(13% .04 265);--foreground:oklch(98% 0 248);--primary:oklch(93% .01 256);--primary-foreground:oklch(21% .04 266);--secondary:oklch(28% .04 260);--secondary-foreground:oklch(98% 0 248);--destructive:oklch(70.4% .191 22.216);--accent:oklch(28% .04 260);--accent-foreground:oklch(98% 0 248);--muted:oklch(28% .04 260);--muted-foreground:oklch(71% .04 257);--popover:oklch(21% .04 266);--popover-foreground:oklch(98% 0 248);--card:oklch(21% .04 266);--card-foreground:oklch(98% 0 248);--sidebar:oklch(21% .04 266);--sidebar-foreground:oklch(98% 0 248);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98% 0 248);--sidebar-accent:oklch(28% .04 260);--sidebar-accent-foreground:oklch(98% 0 248);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55% .04 257);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}
1
+ :root {
2
+ --input: oklch(0.93 0.01 256); /* --color-slate-200 */
3
+ --border: oklch(0.93 0.01 256); /* --color-slate-200 */
4
+
5
+ --ring: oklch(0.71 0.04 257); /* --color-slate-400 */
6
+
7
+ --background: oklch(0.98 0 248); /* --color-slate-50 */
8
+ --foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
9
+
10
+ --primary: oklch(0.21 0.04 266); /* --color-slate-900 */
11
+ --primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
12
+
13
+ --secondary: oklch(0.97 0.01 248); /* --color-slate-100 */
14
+ --secondary-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.97 0.01 248); /* --color-slate-100 */
19
+ --accent-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
20
+
21
+ --muted: oklch(0.97 0.01 248); /* --color-slate-100 */
22
+ --muted-foreground: oklch(0.55 0.04 257); /* --color-slate-500 */
23
+
24
+ --popover: oklch(0.98 0 248); /* --color-slate-50 */
25
+ --popover-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
26
+
27
+ --card: oklch(0.98 0 248); /* --color-slate-50 */
28
+ --card-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
29
+
30
+ --sidebar: oklch(0.98 0 248); /* --color-slate-50 */
31
+ --sidebar-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
32
+
33
+ --sidebar-primary: oklch(0.21 0.04 266); /* --color-slate-900 */
34
+ --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
35
+
36
+ --sidebar-accent: oklch(0.97 0.01 248); /* --color-slate-100 */
37
+ --sidebar-accent-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
38
+
39
+ --sidebar-border: oklch(0.93 0.01 256); /* --color-slate-200 */
40
+ --sidebar-ring: oklch(0.71 0.04 257); /* --color-slate-400 */
41
+
42
+ --chart-1: oklch(0.646 0.222 41.116); /* --color-orange-600 */
43
+ --chart-2: oklch(0.6 0.118 184.704); /* --color-teal-600 */
44
+ --chart-3: oklch(0.398 0.07 227.392); /* --color-cyan-900 */
45
+ --chart-4: oklch(0.828 0.189 84.429); /* --color-amber-400 */
46
+ --chart-5: oklch(0.769 0.188 70.08); /* --color-amber-500 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.55 0.04 257); /* --color-slate-500 */
54
+
55
+ --background: oklch(0.13 0.04 265); /* --color-slate-950 */
56
+ --foreground: oklch(0.98 0 248); /* --color-slate-50 */
57
+
58
+ --primary: oklch(0.93 0.01 256); /* --color-slate-200 */
59
+ --primary-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
60
+
61
+ --secondary: oklch(0.28 0.04 260); /* --color-slate-800 */
62
+ --secondary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
65
+
66
+ --accent: oklch(0.28 0.04 260); /* --color-slate-800 */
67
+ --accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
68
+
69
+ --muted: oklch(0.28 0.04 260); /* --color-slate-800 */
70
+ --muted-foreground: oklch(0.71 0.04 257); /* --color-slate-400 */
71
+
72
+ --popover: oklch(0.21 0.04 266); /* --color-slate-900 */
73
+ --popover-foreground: oklch(0.98 0 248); /* --color-slate-50 */
74
+
75
+ --card: oklch(0.21 0.04 266); /* --color-slate-900 */
76
+ --card-foreground: oklch(0.98 0 248); /* --color-slate-50 */
77
+
78
+ --sidebar: oklch(0.21 0.04 266); /* --color-slate-900 */
79
+ --sidebar-foreground: oklch(0.98 0 248); /* --color-slate-50 */
80
+
81
+ --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
82
+ --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
83
+
84
+ --sidebar-accent: oklch(0.28 0.04 260); /* --color-slate-800 */
85
+ --sidebar-accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.55 0.04 257); /* --color-slate-500 */
89
+
90
+ --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
91
+ --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
92
+ --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
93
+ --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
94
+ --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
95
+ }
@@ -1 +1,95 @@
1
- :root{--input:oklch(92.3% .003 48.717);--border:oklch(92.3% .003 48.717);--ring:oklch(70.9% .01 56.259);--background:oklch(100% 0 0);--foreground:oklch(14.7% .004 49.25);--primary:oklch(21.6% .006 56.043);--primary-foreground:oklch(98.5% .001 106.423);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21.6% .006 56.043);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21.6% .006 56.043);--muted:oklch(97% .001 106.424);--muted-foreground:oklch(55.3% .013 58.071);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.7% .004 49.25);--card:oklch(100% 0 0);--card-foreground:oklch(14.7% .004 49.25);--sidebar:oklch(98.5% .001 106.423);--sidebar-foreground:oklch(14.7% .004 49.25);--sidebar-primary:oklch(21.6% .006 56.043);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(97% .001 106.424);--sidebar-accent-foreground:oklch(21.6% .006 56.043);--sidebar-border:oklch(92.3% .003 48.717);--sidebar-ring:oklch(70.9% .01 56.259);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.3% .013 58.071);--background:oklch(14.7% .004 49.25);--foreground:oklch(98.5% .001 106.423);--primary:oklch(92.3% .003 48.717);--primary-foreground:oklch(21.6% .006 56.043);--secondary:oklch(26.8% .007 34.298);--secondary-foreground:oklch(98.5% .001 106.423);--destructive:oklch(70.4% .191 22.216);--accent:oklch(26.8% .007 34.298);--accent-foreground:oklch(98.5% .001 106.423);--muted:oklch(26.8% .007 34.298);--muted-foreground:oklch(70.9% .01 56.259);--popover:oklch(21.6% .006 56.043);--popover-foreground:oklch(98.5% .001 106.423);--card:oklch(21.6% .006 56.043);--card-foreground:oklch(98.5% .001 106.423);--sidebar:oklch(21.6% .006 56.043);--sidebar-foreground:oklch(98.5% .001 106.423);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(26.8% .007 34.298);--sidebar-accent-foreground:oklch(98.5% .001 106.423);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.3% .013 58.071);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}
1
+ :root {
2
+ --input: oklch(0.923 0.003 48.717); /* --color-stone-200 */
3
+ --border: oklch(0.923 0.003 48.717); /* --color-stone-200 */
4
+
5
+ --ring: oklch(0.709 0.01 56.259); /* --color-stone-400 */
6
+
7
+ --background: oklch(1 0 0); /* --color-white */
8
+ --foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
9
+
10
+ --primary: oklch(0.216 0.006 56.043); /* --color-stone-900 */
11
+ --primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
12
+
13
+ --secondary: oklch(0.97 0.001 106.424); /* --color-stone-100 */
14
+ --secondary-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
15
+
16
+ --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
17
+
18
+ --accent: oklch(0.97 0.001 106.424); /* --color-stone-100 */
19
+ --accent-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
20
+
21
+ --muted: oklch(0.97 0.001 106.424); /* --color-stone-100 */
22
+ --muted-foreground: oklch(0.553 0.013 58.071); /* --color-stone-500 */
23
+
24
+ --popover: oklch(1 0 0); /* --color-white */
25
+ --popover-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
26
+
27
+ --card: oklch(1 0 0); /* --color-white */
28
+ --card-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
29
+
30
+ --sidebar: oklch(0.985 0.001 106.423); /* --color-stone-50 */
31
+ --sidebar-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
32
+
33
+ --sidebar-primary: oklch(0.216 0.006 56.043); /* --color-stone-900 */
34
+ --sidebar-primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
35
+
36
+ --sidebar-accent: oklch(0.97 0.001 106.424); /* --color-stone-100 */
37
+ --sidebar-accent-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
38
+
39
+ --sidebar-border: oklch(0.923 0.003 48.717); /* --color-stone-200 */
40
+ --sidebar-ring: oklch(0.709 0.01 56.259); /* --color-stone-400 */
41
+
42
+ --chart-1: oklch(0.646 0.222 41.116); /* --color-orange-600 */
43
+ --chart-2: oklch(0.6 0.118 184.704); /* --color-teal-600 */
44
+ --chart-3: oklch(0.398 0.07 227.392); /* --color-cyan-900 */
45
+ --chart-4: oklch(0.828 0.189 84.429); /* --color-amber-400 */
46
+ --chart-5: oklch(0.769 0.188 70.08); /* --color-amber-500 */
47
+ }
48
+
49
+ .dark {
50
+ --input: oklch(1 0 0 / 15%); /* --color-white */
51
+ --border: oklch(1 0 0 / 10%); /* --color-white */
52
+
53
+ --ring: oklch(0.553 0.013 58.071); /* --color-stone-500 */
54
+
55
+ --background: oklch(0.147 0.004 49.25); /* --color-stone-950 */
56
+ --foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
57
+
58
+ --primary: oklch(0.923 0.003 48.717); /* --color-stone-200 */
59
+ --primary-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
60
+
61
+ --secondary: oklch(0.268 0.007 34.298); /* --color-stone-800 */
62
+ --secondary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
63
+
64
+ --destructive: oklch(0.704 0.191 22.216); /* --color-red-500 */
65
+
66
+ --accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
67
+ --accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
68
+
69
+ --muted: oklch(0.268 0.007 34.298); /* --color-stone-800 */
70
+ --muted-foreground: oklch(0.709 0.01 56.259); /* --color-stone-400 */
71
+
72
+ --popover: oklch(0.216 0.006 56.043); /* --color-stone-900 */
73
+ --popover-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
74
+
75
+ --card: oklch(0.216 0.006 56.043); /* --color-stone-900 */
76
+ --card-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
77
+
78
+ --sidebar: oklch(0.216 0.006 56.043); /* --color-stone-900 */
79
+ --sidebar-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
80
+
81
+ --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
82
+ --sidebar-primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
83
+
84
+ --sidebar-accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
85
+ --sidebar-accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
86
+
87
+ --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
88
+ --sidebar-ring: oklch(0.553 0.013 58.071); /* --color-stone-500 */
89
+
90
+ --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
91
+ --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
92
+ --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
93
+ --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
94
+ --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
95
+ }
@@ -1 +1,3 @@
1
- @import "tailwindcss";@import "./neutral.css";@import "./preset.css";
1
+ @import "tailwindcss";
2
+ @import "./neutral.css";
3
+ @import "./preset.css";