daisyui 5.0.0-alpha.2 → 5.0.0-alpha.21

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 (292) hide show
  1. package/base/properties/index.js +4 -0
  2. package/base/properties/object.js +1 -0
  3. package/base/properties.css +1 -0
  4. package/base/rootcolor/index.js +4 -0
  5. package/base/rootcolor/object.js +1 -0
  6. package/base/rootcolor.css +1 -0
  7. package/base/scrollbar/index.js +4 -0
  8. package/base/scrollbar/object.js +1 -0
  9. package/base/scrollbar.css +1 -0
  10. package/chunks.css +46 -0
  11. package/colors/properties.css +1 -0
  12. package/colors/responsive.css +1 -0
  13. package/colors/states.css +1 -0
  14. package/components/alert/class.json +12 -0
  15. package/components/alert/index.js +4 -0
  16. package/components/alert/object.js +1 -0
  17. package/components/alert.css +1 -0
  18. package/components/avatar/class.json +7 -0
  19. package/components/avatar/index.js +4 -0
  20. package/components/avatar/object.js +1 -0
  21. package/components/avatar.css +1 -0
  22. package/components/badge/class.json +19 -0
  23. package/components/badge/index.js +4 -74
  24. package/components/badge/object.js +1 -0
  25. package/components/badge.css +1 -109
  26. package/components/button/class.json +27 -0
  27. package/components/button/index.js +4 -170
  28. package/components/button/object.js +1 -0
  29. package/components/button.css +1 -293
  30. package/components/card/class.json +13 -0
  31. package/components/card/index.js +4 -0
  32. package/components/card/object.js +1 -0
  33. package/components/card.css +1 -0
  34. package/components/chat/class.json +17 -0
  35. package/components/chat/index.js +4 -0
  36. package/components/chat/object.js +1 -0
  37. package/components/chat.css +1 -0
  38. package/components/checkbox/class.json +17 -0
  39. package/components/checkbox/index.js +4 -108
  40. package/components/checkbox/object.js +1 -0
  41. package/components/checkbox.css +1 -144
  42. package/components/collapse/class.json +10 -0
  43. package/components/collapse/index.js +4 -0
  44. package/components/collapse/object.js +1 -0
  45. package/components/collapse.css +1 -0
  46. package/components/countdown/class.json +3 -0
  47. package/components/countdown/index.js +4 -0
  48. package/components/countdown/object.js +1 -0
  49. package/components/countdown.css +1 -0
  50. package/components/divider/class.json +15 -0
  51. package/components/divider/index.js +4 -0
  52. package/components/divider/object.js +1 -0
  53. package/components/divider.css +1 -0
  54. package/components/dropdown/class.json +15 -0
  55. package/components/dropdown/index.js +4 -0
  56. package/components/dropdown/object.js +1 -0
  57. package/components/dropdown.css +1 -0
  58. package/components/footer/class.json +7 -0
  59. package/components/footer/index.js +4 -0
  60. package/components/footer/object.js +1 -0
  61. package/components/footer.css +1 -0
  62. package/components/hero/class.json +5 -0
  63. package/components/hero/index.js +4 -0
  64. package/components/hero/object.js +1 -0
  65. package/components/hero.css +1 -0
  66. package/components/input/class.json +16 -0
  67. package/components/input/index.js +4 -128
  68. package/components/input/object.js +1 -0
  69. package/components/input.css +1 -204
  70. package/components/kbd/class.json +7 -0
  71. package/components/kbd/index.js +4 -27
  72. package/components/kbd/object.js +1 -0
  73. package/components/kbd.css +1 -49
  74. package/components/link/class.json +12 -0
  75. package/components/link/index.js +4 -0
  76. package/components/link/object.js +1 -0
  77. package/components/link.css +1 -0
  78. package/components/loading/class.json +21 -0
  79. package/components/loading/index.js +4 -0
  80. package/components/loading/object.js +1 -0
  81. package/components/loading.css +1 -0
  82. package/components/mask/class.json +24 -0
  83. package/components/mask/index.js +4 -74
  84. package/components/mask/object.js +1 -0
  85. package/components/mask.css +1 -78
  86. package/components/menu/class.json +16 -0
  87. package/components/menu/index.js +4 -0
  88. package/components/menu/object.js +1 -0
  89. package/components/menu.css +1 -0
  90. package/components/navbar/class.json +6 -0
  91. package/components/navbar/index.js +4 -0
  92. package/components/navbar/object.js +1 -0
  93. package/components/navbar.css +1 -0
  94. package/components/progress/class.json +10 -0
  95. package/components/progress/index.js +4 -0
  96. package/components/progress/object.js +1 -0
  97. package/components/progress.css +1 -0
  98. package/components/radialprogress/class.json +3 -0
  99. package/components/radialprogress/index.js +4 -0
  100. package/components/radialprogress/object.js +1 -0
  101. package/components/radialprogress.css +1 -0
  102. package/components/radio/class.json +14 -0
  103. package/components/radio/index.js +4 -73
  104. package/components/radio/object.js +1 -0
  105. package/components/radio.css +1 -102
  106. package/components/range/class.json +14 -0
  107. package/components/range/index.js +4 -132
  108. package/components/range/object.js +1 -0
  109. package/components/range.css +1 -164
  110. package/components/rating/class.json +6 -0
  111. package/components/rating/index.js +4 -82
  112. package/components/rating/object.js +1 -0
  113. package/components/rating.css +1 -104
  114. package/components/select/class.json +16 -0
  115. package/components/select/index.js +4 -99
  116. package/components/select/object.js +1 -0
  117. package/components/select.css +1 -166
  118. package/components/skeleton/class.json +3 -0
  119. package/components/skeleton/index.js +4 -0
  120. package/components/skeleton/object.js +1 -0
  121. package/components/skeleton.css +1 -0
  122. package/components/stack/class.json +3 -0
  123. package/components/stack/index.js +4 -0
  124. package/components/stack/object.js +1 -0
  125. package/components/stack.css +1 -0
  126. package/components/status/class.json +15 -0
  127. package/components/status/index.js +4 -0
  128. package/components/status/object.js +1 -0
  129. package/components/status.css +1 -0
  130. package/components/steps/class.json +14 -0
  131. package/components/steps/index.js +4 -0
  132. package/components/steps/object.js +1 -0
  133. package/components/steps.css +1 -0
  134. package/components/swap/class.json +10 -0
  135. package/components/swap/index.js +4 -0
  136. package/components/swap/object.js +1 -0
  137. package/components/swap.css +1 -0
  138. package/components/tab/class.json +13 -0
  139. package/components/tab/index.js +4 -0
  140. package/components/tab/object.js +1 -0
  141. package/components/tab.css +1 -0
  142. package/components/table/class.json +9 -0
  143. package/components/table/index.js +4 -0
  144. package/components/table/object.js +1 -0
  145. package/components/table.css +1 -0
  146. package/components/timeline/class.json +11 -0
  147. package/components/timeline/index.js +4 -0
  148. package/components/timeline/object.js +1 -0
  149. package/components/timeline.css +1 -0
  150. package/components/toggle/class.json +16 -0
  151. package/components/toggle/index.js +4 -102
  152. package/components/toggle/object.js +1 -0
  153. package/components/toggle.css +1 -143
  154. package/components/tooltip/class.json +17 -0
  155. package/components/tooltip/index.js +4 -0
  156. package/components/tooltip/object.js +1 -0
  157. package/components/tooltip.css +1 -0
  158. package/full.css +1 -0
  159. package/functions/plugin.js +10 -10
  160. package/functions/pluginOptionsHandler.js +44 -0
  161. package/functions/variables.js +33 -0
  162. package/index.js +132 -0
  163. package/package.json +18 -8
  164. package/theme/acid/index.css +28 -0
  165. package/theme/acid/index.js +4 -0
  166. package/theme/acid/object.js +1 -0
  167. package/theme/aqua/index.css +28 -0
  168. package/theme/aqua/index.js +4 -0
  169. package/theme/aqua/object.js +1 -0
  170. package/theme/autumn/index.css +28 -0
  171. package/theme/autumn/index.js +4 -0
  172. package/theme/autumn/object.js +1 -0
  173. package/theme/black/index.css +28 -0
  174. package/theme/black/index.js +4 -0
  175. package/theme/black/object.js +1 -0
  176. package/theme/bumblebee/index.css +28 -0
  177. package/theme/bumblebee/index.js +4 -0
  178. package/theme/bumblebee/object.js +1 -0
  179. package/theme/business/index.css +28 -0
  180. package/theme/business/index.js +4 -0
  181. package/theme/business/object.js +1 -0
  182. package/theme/cmyk/index.css +28 -0
  183. package/theme/cmyk/index.js +4 -0
  184. package/theme/cmyk/object.js +1 -0
  185. package/theme/coffee/index.css +28 -0
  186. package/theme/coffee/index.js +4 -0
  187. package/theme/coffee/object.js +1 -0
  188. package/theme/corporate/index.css +28 -0
  189. package/theme/corporate/index.js +4 -0
  190. package/theme/corporate/object.js +1 -0
  191. package/theme/cupcake/index.css +28 -0
  192. package/theme/cupcake/index.js +4 -0
  193. package/theme/cupcake/object.js +1 -0
  194. package/theme/cyberpunk/index.css +28 -0
  195. package/theme/cyberpunk/index.js +4 -0
  196. package/theme/cyberpunk/object.js +1 -0
  197. package/theme/dark/index.css +28 -0
  198. package/theme/dark/index.js +4 -0
  199. package/theme/dark/object.js +1 -0
  200. package/theme/dim/index.css +28 -0
  201. package/theme/dim/index.js +4 -0
  202. package/theme/dim/object.js +1 -0
  203. package/theme/dracula/index.css +28 -0
  204. package/theme/dracula/index.js +4 -0
  205. package/theme/dracula/object.js +1 -0
  206. package/theme/emerald/index.css +28 -0
  207. package/theme/emerald/index.js +4 -0
  208. package/theme/emerald/object.js +1 -0
  209. package/theme/fantasy/index.css +28 -0
  210. package/theme/fantasy/index.js +4 -0
  211. package/theme/fantasy/object.js +1 -0
  212. package/theme/forest/index.css +28 -0
  213. package/theme/forest/index.js +4 -0
  214. package/theme/forest/object.js +1 -0
  215. package/theme/garden/index.css +28 -0
  216. package/theme/garden/index.js +4 -0
  217. package/theme/garden/object.js +1 -0
  218. package/theme/halloween/index.css +28 -0
  219. package/theme/halloween/index.js +4 -0
  220. package/theme/halloween/object.js +1 -0
  221. package/theme/index.js +49 -0
  222. package/theme/lemonade/index.css +28 -0
  223. package/theme/lemonade/index.js +4 -0
  224. package/theme/lemonade/object.js +1 -0
  225. package/theme/light/index.css +28 -0
  226. package/theme/light/index.js +4 -0
  227. package/theme/light/object.js +1 -0
  228. package/theme/lofi/index.css +28 -0
  229. package/theme/lofi/index.js +4 -0
  230. package/theme/lofi/object.js +1 -0
  231. package/theme/luxury/index.css +28 -0
  232. package/theme/luxury/index.js +4 -0
  233. package/theme/luxury/object.js +1 -0
  234. package/theme/night/index.css +28 -0
  235. package/theme/night/index.js +4 -0
  236. package/theme/night/object.js +1 -0
  237. package/theme/nord/index.css +28 -0
  238. package/theme/nord/index.js +4 -0
  239. package/theme/nord/object.js +1 -0
  240. package/theme/object.js +1 -0
  241. package/theme/pastel/index.css +28 -0
  242. package/theme/pastel/index.js +4 -0
  243. package/theme/pastel/object.js +1 -0
  244. package/theme/retro/index.css +28 -0
  245. package/theme/retro/index.js +4 -0
  246. package/theme/retro/object.js +1 -0
  247. package/theme/sunset/index.css +28 -0
  248. package/theme/sunset/index.js +4 -0
  249. package/theme/sunset/object.js +1 -0
  250. package/theme/synthwave/index.css +28 -0
  251. package/theme/synthwave/index.js +4 -0
  252. package/theme/synthwave/object.js +1 -0
  253. package/theme/valentine/index.css +28 -0
  254. package/theme/valentine/index.js +4 -0
  255. package/theme/valentine/object.js +1 -0
  256. package/theme/winter/index.css +28 -0
  257. package/theme/winter/index.js +4 -0
  258. package/theme/winter/object.js +1 -0
  259. package/theme/wireframe/index.css +28 -0
  260. package/theme/wireframe/index.js +4 -0
  261. package/theme/wireframe/object.js +1 -0
  262. package/themes.css +1 -0
  263. package/utilities/join/index.js +4 -0
  264. package/utilities/join/object.js +1 -0
  265. package/utilities/join.css +1 -0
  266. package/components/badge/config.js +0 -12
  267. package/components/badge/index.css +0 -1
  268. package/components/button/config.js +0 -12
  269. package/components/button/index.css +0 -1
  270. package/components/checkbox/config.js +0 -12
  271. package/components/checkbox/index.css +0 -1
  272. package/components/input/config.js +0 -12
  273. package/components/input/index.css +0 -1
  274. package/components/kbd/config.js +0 -12
  275. package/components/kbd/index.css +0 -1
  276. package/components/mask/config.js +0 -12
  277. package/components/mask/index.css +0 -1
  278. package/components/radio/config.js +0 -12
  279. package/components/radio/index.css +0 -1
  280. package/components/range/config.js +0 -12
  281. package/components/range/index.css +0 -1
  282. package/components/rating/config.js +0 -12
  283. package/components/rating/index.css +0 -1
  284. package/components/select/config.js +0 -12
  285. package/components/select/index.css +0 -1
  286. package/components/toggle/config.js +0 -12
  287. package/components/toggle/index.css +0 -1
  288. package/index.css +0 -14
  289. package/themes/dark/index.css +0 -26
  290. package/themes/default/index.css +0 -26
  291. package/themes/index.css +0 -26
  292. package/themes/light/index.css +0 -26
package/theme/corporate/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=corporate]:checked),[data-theme="corporate"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(93% 0 0);
5
+ --color-base-300: oklch(86% 0 0);
6
+ --color-base-content: oklch(22.3899% 0.031305 278.07229);
7
+ --color-primary: oklch(60.39% 0.228 269.1);
8
+ --color-primary-content: oklch(12.078% 0.0456 269.1);
9
+ --color-secondary: oklch(65.3694% 0.054756 256.688055);
10
+ --color-secondary-content: oklch(13.0739% 0.010951 256.688055);
11
+ --color-accent: oklch(76.9669% 0.113994 163.57888);
12
+ --color-accent-content: oklch(15.3934% 0.022799 163.57888);
13
+ --color-neutral: oklch(22.3899% 0.031305 278.07229);
14
+ --color-neutral-content: oklch(95.8796% 0.008588 247.915135);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: .125rem;
24
+ --radius-btn: .125rem;
25
+ --radius-box: 0.25rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/corporate/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import corporate from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...corporate})
4
+ }
package/theme/corporate/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(22.3899% 0.031305 278.07229)","--color-primary":"oklch(60.39% 0.228 269.1)","--color-primary-content":"oklch(12.078% 0.0456 269.1)","--color-secondary":"oklch(65.3694% 0.054756 256.688055)","--color-secondary-content":"oklch(13.0739% 0.010951 256.688055)","--color-accent":"oklch(76.9669% 0.113994 163.57888)","--color-accent-content":"oklch(15.3934% 0.022799 163.57888)","--color-neutral":"oklch(22.3899% 0.031305 278.07229)","--color-neutral-content":"oklch(95.8796% 0.008588 247.915135)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":".125rem","--radius-btn":".125rem","--radius-box":"0.25rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/cupcake/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=cupcake]:checked),[data-theme="cupcake"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(97.7882% 0.00418 56.375637);
4
+ --color-base-200: oklch(93.9822% 0.007638 61.449292);
5
+ --color-base-300: oklch(91.5861% 0.006811 53.440502);
6
+ --color-base-content: oklch(23.5742% 0.066235 313.189598);
7
+ --color-primary: oklch(76.172% 0.089459 200.026556);
8
+ --color-primary-content: oklch(15.2344% 0.017892 200.026556);
9
+ --color-secondary: oklch(78.9351% 0.101246 356.29965);
10
+ --color-secondary-content: oklch(15.787% 0.020249 356.29965);
11
+ --color-accent: oklch(79.3811% 0.146032 78.618794);
12
+ --color-accent-content: oklch(15.8762% 0.029206 78.618794);
13
+ --color-neutral: oklch(23.5742% 0.066235 313.189598);
14
+ --color-neutral-content: oklch(84.7148% 0.013247 313.189598);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.15 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 1.9rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 2px;
28
+ }
package/theme/cupcake/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import cupcake from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...cupcake})
4
+ }
package/theme/cupcake/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(97.7882% 0.00418 56.375637)","--color-base-200":"oklch(93.9822% 0.007638 61.449292)","--color-base-300":"oklch(91.5861% 0.006811 53.440502)","--color-base-content":"oklch(23.5742% 0.066235 313.189598)","--color-primary":"oklch(76.172% 0.089459 200.026556)","--color-primary-content":"oklch(15.2344% 0.017892 200.026556)","--color-secondary":"oklch(78.9351% 0.101246 356.29965)","--color-secondary-content":"oklch(15.787% 0.020249 356.29965)","--color-accent":"oklch(79.3811% 0.146032 78.618794)","--color-accent-content":"oklch(15.8762% 0.029206 78.618794)","--color-neutral":"oklch(23.5742% 0.066235 313.189598)","--color-neutral-content":"oklch(84.7148% 0.013247 313.189598)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"1.9rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"2px"};
package/theme/cyberpunk/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=cyberpunk]:checked),[data-theme="cyberpunk"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(94.51% 0.179 104.32);
4
+ --color-base-200: oklch(87.8943% 0.16647 104.32);
5
+ --color-base-300: oklch(81.2786% 0.15394 104.32);
6
+ --color-base-content: oklch(18.902% 0.0358 104.32);
7
+ --color-primary: oklch(74.22% 0.209 6.35);
8
+ --color-primary-content: oklch(14.844% 0.0418 6.35);
9
+ --color-secondary: oklch(83.33% 0.184 204.72);
10
+ --color-secondary-content: oklch(16.666% 0.0368 204.72);
11
+ --color-accent: oklch(71.86% 0.2176 310.43);
12
+ --color-accent-content: oklch(14.372% 0.04352 310.43);
13
+ --color-neutral: oklch(23.04% 0.065 269.31);
14
+ --color-neutral-content: oklch(94.51% 0.179 104.32);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 0;
24
+ --radius-btn: 0;
25
+ --radius-box: 0;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/cyberpunk/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import cyberpunk from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...cyberpunk})
4
+ }
package/theme/cyberpunk/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(94.51% 0.179 104.32)","--color-base-200":"oklch(87.8943% 0.16647 104.32)","--color-base-300":"oklch(81.2786% 0.15394 104.32)","--color-base-content":"oklch(18.902% 0.0358 104.32)","--color-primary":"oklch(74.22% 0.209 6.35)","--color-primary-content":"oklch(14.844% 0.0418 6.35)","--color-secondary":"oklch(83.33% 0.184 204.72)","--color-secondary-content":"oklch(16.666% 0.0368 204.72)","--color-accent":"oklch(71.86% 0.2176 310.43)","--color-accent-content":"oklch(14.372% 0.04352 310.43)","--color-neutral":"oklch(23.04% 0.065 269.31)","--color-neutral-content":"oklch(94.51% 0.179 104.32)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"0","--radius-btn":"0","--radius-box":"0","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/dark/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=dark]:checked),[data-theme="dark"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(25.33% 0.016 252.42);
4
+ --color-base-200: oklch(23.26% 0.014 253.1);
5
+ --color-base-300: oklch(21.15% 0.012 254.09);
6
+ --color-base-content: oklch(97.8078% 0.029596 256.84795);
7
+ --color-primary: oklch(49.12% 0.3096 275.75);
8
+ --color-primary-content: oklch(89.824% 0.06192 275.75);
9
+ --color-secondary: oklch(69.71% 0.329 342.55);
10
+ --color-secondary-content: oklch(98.71% 0.0106 342.55);
11
+ --color-accent: oklch(76.76% 0.184 183.61);
12
+ --color-accent-content: oklch(15.352% 0.0368 183.61);
13
+ --color-neutral: oklch(20% 0.016 252.42);
14
+ --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.15 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/dark/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import dark from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...dark})
4
+ }
package/theme/dark/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(25.33% 0.016 252.42)","--color-base-200":"oklch(23.26% 0.014 253.1)","--color-base-300":"oklch(21.15% 0.012 254.09)","--color-base-content":"oklch(97.8078% 0.029596 256.84795)","--color-primary":"oklch(49.12% 0.3096 275.75)","--color-primary-content":"oklch(89.824% 0.06192 275.75)","--color-secondary":"oklch(69.71% 0.329 342.55)","--color-secondary-content":"oklch(98.71% 0.0106 342.55)","--color-accent":"oklch(76.76% 0.184 183.61)","--color-accent-content":"oklch(15.352% 0.0368 183.61)","--color-neutral":"oklch(20% 0.016 252.42)","--color-neutral-content":"oklch(89.4994% 0.011585 252.096176)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/dim/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=dim]:checked),[data-theme="dim"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(30.8577% 0.023243 264.149498);
4
+ --color-base-200: oklch(28.0368% 0.01983 264.182074);
5
+ --color-base-300: oklch(26.3469% 0.018403 262.177739);
6
+ --color-base-content: oklch(82.9011% 0.031335 222.959324);
7
+ --color-primary: oklch(86.1335% 0.141656 139.549991);
8
+ --color-primary-content: oklch(17.2267% 0.028331 139.549991);
9
+ --color-secondary: oklch(73.3759% 0.165904 35.353059);
10
+ --color-secondary-content: oklch(14.6752% 0.033181 35.353059);
11
+ --color-accent: oklch(74.2296% 0.133641 311.37924);
12
+ --color-accent-content: oklch(14.8459% 0.026728 311.37924);
13
+ --color-neutral: oklch(24.7311% 0.020483 264.094728);
14
+ --color-neutral-content: oklch(82.9011% 0.031335 222.959324);
15
+ --color-info: oklch(86.0785% 0.142046 206.182959);
16
+ --color-info-content: oklch(17.2157% 0.028409 206.182959);
17
+ --color-success: oklch(86.1717% 0.142187 166.534048);
18
+ --color-success-content: oklch(17.2343% 0.028437 166.534048);
19
+ --color-warning: oklch(86.1634% 0.142236 94.818679);
20
+ --color-warning-content: oklch(17.2327% 0.028447 94.818679);
21
+ --color-error: oklch(82.4189% 0.09957 33.756357);
22
+ --color-error-content: oklch(16.4838% 0.019914 33.756357);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/dim/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import dim from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...dim})
4
+ }
package/theme/dim/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(30.8577% 0.023243 264.149498)","--color-base-200":"oklch(28.0368% 0.01983 264.182074)","--color-base-300":"oklch(26.3469% 0.018403 262.177739)","--color-base-content":"oklch(82.9011% 0.031335 222.959324)","--color-primary":"oklch(86.1335% 0.141656 139.549991)","--color-primary-content":"oklch(17.2267% 0.028331 139.549991)","--color-secondary":"oklch(73.3759% 0.165904 35.353059)","--color-secondary-content":"oklch(14.6752% 0.033181 35.353059)","--color-accent":"oklch(74.2296% 0.133641 311.37924)","--color-accent-content":"oklch(14.8459% 0.026728 311.37924)","--color-neutral":"oklch(24.7311% 0.020483 264.094728)","--color-neutral-content":"oklch(82.9011% 0.031335 222.959324)","--color-info":"oklch(86.0785% 0.142046 206.182959)","--color-info-content":"oklch(17.2157% 0.028409 206.182959)","--color-success":"oklch(86.1717% 0.142187 166.534048)","--color-success-content":"oklch(17.2343% 0.028437 166.534048)","--color-warning":"oklch(86.1634% 0.142236 94.818679)","--color-warning-content":"oklch(17.2327% 0.028447 94.818679)","--color-error":"oklch(82.4189% 0.09957 33.756357)","--color-error-content":"oklch(16.4838% 0.019914 33.756357)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/dracula/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=dracula]:checked),[data-theme="dracula"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(28.8229% 0.022103 277.508664);
4
+ --color-base-200: oklch(26.8053% 0.020556 277.508664);
5
+ --color-base-300: oklch(24.7877% 0.019009 277.508664);
6
+ --color-base-content: oklch(97.7477% 0.007913 106.545019);
7
+ --color-primary: oklch(75.4611% 0.18307 346.812432);
8
+ --color-primary-content: oklch(15.0922% 0.036614 346.812432);
9
+ --color-secondary: oklch(74.2023% 0.148546 301.883095);
10
+ --color-secondary-content: oklch(14.8405% 0.029709 301.883095);
11
+ --color-accent: oklch(83.3927% 0.124132 66.558491);
12
+ --color-accent-content: oklch(16.6785% 0.024826 66.558491);
13
+ --color-neutral: oklch(39.4456% 0.032576 275.524078);
14
+ --color-neutral-content: oklch(87.8891% 0.006515 275.524078);
15
+ --color-info: oklch(88.263% 0.09338 212.846491);
16
+ --color-info-content: oklch(17.6526% 0.018676 212.846491);
17
+ --color-success: oklch(87.0995% 0.219516 148.024881);
18
+ --color-success-content: oklch(17.4199% 0.043903 148.024881);
19
+ --color-warning: oklch(95.5338% 0.134246 112.757109);
20
+ --color-warning-content: oklch(19.1068% 0.026849 112.757109);
21
+ --color-error: oklch(68.2204% 0.206328 24.430965);
22
+ --color-error-content: oklch(13.6441% 0.041266 24.430965);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/dracula/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import dracula from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...dracula})
4
+ }
package/theme/dracula/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(28.8229% 0.022103 277.508664)","--color-base-200":"oklch(26.8053% 0.020556 277.508664)","--color-base-300":"oklch(24.7877% 0.019009 277.508664)","--color-base-content":"oklch(97.7477% 0.007913 106.545019)","--color-primary":"oklch(75.4611% 0.18307 346.812432)","--color-primary-content":"oklch(15.0922% 0.036614 346.812432)","--color-secondary":"oklch(74.2023% 0.148546 301.883095)","--color-secondary-content":"oklch(14.8405% 0.029709 301.883095)","--color-accent":"oklch(83.3927% 0.124132 66.558491)","--color-accent-content":"oklch(16.6785% 0.024826 66.558491)","--color-neutral":"oklch(39.4456% 0.032576 275.524078)","--color-neutral-content":"oklch(87.8891% 0.006515 275.524078)","--color-info":"oklch(88.263% 0.09338 212.846491)","--color-info-content":"oklch(17.6526% 0.018676 212.846491)","--color-success":"oklch(87.0995% 0.219516 148.024881)","--color-success-content":"oklch(17.4199% 0.043903 148.024881)","--color-warning":"oklch(95.5338% 0.134246 112.757109)","--color-warning-content":"oklch(19.1068% 0.026849 112.757109)","--color-error":"oklch(68.2204% 0.206328 24.430965)","--color-error-content":"oklch(13.6441% 0.041266 24.430965)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/emerald/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=emerald]:checked),[data-theme="emerald"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(93% 0 0);
5
+ --color-base-300: oklch(86% 0 0);
6
+ --color-base-content: oklch(35.5192% 0.032071 262.988584);
7
+ --color-primary: oklch(76.6626% 0.135433 153.450024);
8
+ --color-primary-content: oklch(33.3872% 0.040618 162.240129);
9
+ --color-secondary: oklch(61.3028% 0.202368 261.294233);
10
+ --color-secondary-content: oklch(100% 0 0);
11
+ --color-accent: oklch(72.7725% 0.149783 33.200363);
12
+ --color-accent-content: oklch(0% 0 0);
13
+ --color-neutral: oklch(35.5192% 0.032071 262.988584);
14
+ --color-neutral-content: oklch(98.4625% 0.001706 247.838921);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/emerald/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import emerald from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...emerald})
4
+ }
package/theme/emerald/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(35.5192% 0.032071 262.988584)","--color-primary":"oklch(76.6626% 0.135433 153.450024)","--color-primary-content":"oklch(33.3872% 0.040618 162.240129)","--color-secondary":"oklch(61.3028% 0.202368 261.294233)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(72.7725% 0.149783 33.200363)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(35.5192% 0.032071 262.988584)","--color-neutral-content":"oklch(98.4625% 0.001706 247.838921)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/fantasy/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=fantasy]:checked),[data-theme="fantasy"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(93% 0 0);
5
+ --color-base-300: oklch(86% 0 0);
6
+ --color-base-content: oklch(27.8078% 0.029596 256.847952);
7
+ --color-primary: oklch(37.45% 0.189 325.02);
8
+ --color-primary-content: oklch(87.49% 0.0378 325.02);
9
+ --color-secondary: oklch(53.92% 0.162 241.36);
10
+ --color-secondary-content: oklch(90.784% 0.0324 241.36);
11
+ --color-accent: oklch(75.98% 0.204 56.72);
12
+ --color-accent-content: oklch(15.196% 0.0408 56.72);
13
+ --color-neutral: oklch(27.8078% 0.029596 256.847952);
14
+ --color-neutral-content: oklch(85.5616% 0.005919 256.847952);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/fantasy/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import fantasy from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...fantasy})
4
+ }
package/theme/fantasy/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(27.8078% 0.029596 256.847952)","--color-primary":"oklch(37.45% 0.189 325.02)","--color-primary-content":"oklch(87.49% 0.0378 325.02)","--color-secondary":"oklch(53.92% 0.162 241.36)","--color-secondary-content":"oklch(90.784% 0.0324 241.36)","--color-accent":"oklch(75.98% 0.204 56.72)","--color-accent-content":"oklch(15.196% 0.0408 56.72)","--color-neutral":"oklch(27.8078% 0.029596 256.847952)","--color-neutral-content":"oklch(85.5616% 0.005919 256.847952)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/forest/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=forest]:checked),[data-theme="forest"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(18.8409% 0.00829 17.911578);
4
+ --color-base-200: oklch(17.522% 0.007709 17.911578);
5
+ --color-base-300: oklch(16.2032% 0.007129 17.911578);
6
+ --color-base-content: oklch(83.7682% 0.001658 17.911578);
7
+ --color-primary: oklch(68.6283% 0.185567 148.958922);
8
+ --color-primary-content: oklch(0% 0 0);
9
+ --color-secondary: oklch(69.7764% 0.135385 168.327128);
10
+ --color-secondary-content: oklch(13.9553% 0.027077 168.327128);
11
+ --color-accent: oklch(70.6285% 0.119451 185.713193);
12
+ --color-accent-content: oklch(14.1257% 0.02389 185.713193);
13
+ --color-neutral: oklch(30.6985% 0.039032 171.364646);
14
+ --color-neutral-content: oklch(86.1397% 0.007806 171.364646);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 1.9rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/forest/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import forest from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...forest})
4
+ }
package/theme/forest/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(18.8409% 0.00829 17.911578)","--color-base-200":"oklch(17.522% 0.007709 17.911578)","--color-base-300":"oklch(16.2032% 0.007129 17.911578)","--color-base-content":"oklch(83.7682% 0.001658 17.911578)","--color-primary":"oklch(68.6283% 0.185567 148.958922)","--color-primary-content":"oklch(0% 0 0)","--color-secondary":"oklch(69.7764% 0.135385 168.327128)","--color-secondary-content":"oklch(13.9553% 0.027077 168.327128)","--color-accent":"oklch(70.6285% 0.119451 185.713193)","--color-accent-content":"oklch(14.1257% 0.02389 185.713193)","--color-neutral":"oklch(30.6985% 0.039032 171.364646)","--color-neutral-content":"oklch(86.1397% 0.007806 171.364646)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"1.9rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/garden/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=garden]:checked),[data-theme="garden"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(92.9519% 0.002163 17.197414);
4
+ --color-base-200: oklch(86.4453% 0.002011 17.197414);
5
+ --color-base-300: oklch(79.9386% 0.00186 17.197414);
6
+ --color-base-content: oklch(16.9617% 0.001664 17.32068);
7
+ --color-primary: oklch(62.45% 0.278 3.83636);
8
+ --color-primary-content: oklch(100% 0 0);
9
+ --color-secondary: oklch(48.4952% 0.110985 355.095988);
10
+ --color-secondary-content: oklch(89.699% 0.022197 355.095988);
11
+ --color-accent: oklch(56.2735% 0.054297 154.390187);
12
+ --color-accent-content: oklch(11.2547% 0.010859 154.390187);
13
+ --color-neutral: oklch(24.1559% 0.049362 89.070594);
14
+ --color-neutral-content: oklch(92.9519% 0.002163 17.197414);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/garden/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import garden from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...garden})
4
+ }
package/theme/garden/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(92.9519% 0.002163 17.197414)","--color-base-200":"oklch(86.4453% 0.002011 17.197414)","--color-base-300":"oklch(79.9386% 0.00186 17.197414)","--color-base-content":"oklch(16.9617% 0.001664 17.32068)","--color-primary":"oklch(62.45% 0.278 3.83636)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(48.4952% 0.110985 355.095988)","--color-secondary-content":"oklch(89.699% 0.022197 355.095988)","--color-accent":"oklch(56.2735% 0.054297 154.390187)","--color-accent-content":"oklch(11.2547% 0.010859 154.390187)","--color-neutral":"oklch(24.1559% 0.049362 89.070594)","--color-neutral-content":"oklch(92.9519% 0.002163 17.197414)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/halloween/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=halloween]:checked),[data-theme="halloween"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(24.7759% 0 0);
4
+ --color-base-200: oklch(23.0416% 0 0);
5
+ --color-base-300: oklch(21.3072% 0 0);
6
+ --color-base-content: oklch(84.9552% 0 0);
7
+ --color-primary: oklch(77.48% 0.204 60.62);
8
+ --color-primary-content: oklch(19.6935% 0.004671 196.779412);
9
+ --color-secondary: oklch(45.98% 0.248 305.03);
10
+ --color-secondary-content: oklch(89.196% 0.0496 305.03);
11
+ --color-accent: oklch(64.8% 0.223 136.073479);
12
+ --color-accent-content: oklch(0% 0 0);
13
+ --color-neutral: oklch(24.371% 0.046608 65.681484);
14
+ --color-neutral-content: oklch(84.8742% 0.009322 65.681484);
15
+ --color-info: oklch(54.615% 0.215208 262.880917);
16
+ --color-info-content: oklch(90.923% 0.043042 262.880917);
17
+ --color-success: oklch(62.7052% 0.169912 149.213788);
18
+ --color-success-content: oklch(12.541% 0.033982 149.213788);
19
+ --color-warning: oklch(66.584% 0.157422 58.31834);
20
+ --color-warning-content: oklch(13.3168% 0.031484 58.31834);
21
+ --color-error: oklch(65.72% 0.199 27.33);
22
+ --color-error-content: oklch(13.144% 0.0398 27.33);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/halloween/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import halloween from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...halloween})
4
+ }
package/theme/halloween/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(24.7759% 0 0)","--color-base-200":"oklch(23.0416% 0 0)","--color-base-300":"oklch(21.3072% 0 0)","--color-base-content":"oklch(84.9552% 0 0)","--color-primary":"oklch(77.48% 0.204 60.62)","--color-primary-content":"oklch(19.6935% 0.004671 196.779412)","--color-secondary":"oklch(45.98% 0.248 305.03)","--color-secondary-content":"oklch(89.196% 0.0496 305.03)","--color-accent":"oklch(64.8% 0.223 136.073479)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(24.371% 0.046608 65.681484)","--color-neutral-content":"oklch(84.8742% 0.009322 65.681484)","--color-info":"oklch(54.615% 0.215208 262.880917)","--color-info-content":"oklch(90.923% 0.043042 262.880917)","--color-success":"oklch(62.7052% 0.169912 149.213788)","--color-success-content":"oklch(12.541% 0.033982 149.213788)","--color-warning":"oklch(66.584% 0.157422 58.31834)","--color-warning-content":"oklch(13.3168% 0.031484 58.31834)","--color-error":"oklch(65.72% 0.199 27.33)","--color-error-content":"oklch(13.144% 0.0398 27.33)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/index.js ADDED
@@ -0,0 +1,49 @@
1
+ import { plugin } from '../functions/plugin.js';
2
+ import allThemes from './object.js';
3
+
4
+ export default plugin.withOptions(
5
+ (options = {}) => {
6
+ return ({ addBase }) => {
7
+ const {
8
+ name = 'custom-theme',
9
+ default: isDefault = false,
10
+ prefersDark = false,
11
+ 'color-scheme': colorScheme,
12
+ ...customThemeTokens
13
+ } = options;
14
+
15
+ let selector = `:root:has(input.theme-controller[value=${name}]:checked),[data-theme="${name}"]`;
16
+ if (isDefault) {
17
+ selector = `:root,${selector}`;
18
+ }
19
+
20
+ // Merge custom theme with built-in theme if it exists
21
+ let themeTokens = { ...customThemeTokens };
22
+ if (allThemes[name]) {
23
+ const builtinTheme = allThemes[name];
24
+ themeTokens = {
25
+ ...builtinTheme,
26
+ ...customThemeTokens,
27
+ 'color-scheme': colorScheme || builtinTheme.colorScheme
28
+ };
29
+ }
30
+
31
+ const baseStyles = {
32
+ [selector]: {
33
+ 'color-scheme': themeTokens['color-scheme'] || colorScheme,
34
+ ...themeTokens
35
+ }
36
+ };
37
+
38
+ if (prefersDark) {
39
+ addBase({
40
+ '@media (prefers-color-scheme: dark)': {
41
+ ':root': baseStyles[selector]
42
+ }
43
+ });
44
+ }
45
+
46
+ addBase(baseStyles);
47
+ };
48
+ }
49
+ );
package/theme/lemonade/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=lemonade]:checked),[data-theme="lemonade"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(98.71% 0.02 123.72);
4
+ --color-base-200: oklch(91.8003% 0.0186 123.72);
5
+ --color-base-300: oklch(84.8906% 0.0172 123.72);
6
+ --color-base-content: oklch(19.742% 0.004 123.72);
7
+ --color-primary: oklch(58.92% 0.199 134.6);
8
+ --color-primary-content: oklch(11.784% 0.0398 134.6);
9
+ --color-secondary: oklch(77.75% 0.196 111.09);
10
+ --color-secondary-content: oklch(15.55% 0.0392 111.09);
11
+ --color-accent: oklch(85.39% 0.201 100.73);
12
+ --color-accent-content: oklch(17.078% 0.0402 100.73);
13
+ --color-neutral: oklch(30.98% 0.075 108.6);
14
+ --color-neutral-content: oklch(86.196% 0.015 108.6);
15
+ --color-info: oklch(86.19% 0.047 224.14);
16
+ --color-info-content: oklch(17.238% 0.0094 224.14);
17
+ --color-success: oklch(86.19% 0.047 157.85);
18
+ --color-success-content: oklch(17.238% 0.0094 157.85);
19
+ --color-warning: oklch(86.19% 0.047 102.15);
20
+ --color-warning-content: oklch(17.238% 0.0094 102.15);
21
+ --color-error: oklch(86.19% 0.047 25.85);
22
+ --color-error-content: oklch(17.238% 0.0094 25.85);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/lemonade/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import lemonade from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...lemonade})
4
+ }
package/theme/lemonade/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(98.71% 0.02 123.72)","--color-base-200":"oklch(91.8003% 0.0186 123.72)","--color-base-300":"oklch(84.8906% 0.0172 123.72)","--color-base-content":"oklch(19.742% 0.004 123.72)","--color-primary":"oklch(58.92% 0.199 134.6)","--color-primary-content":"oklch(11.784% 0.0398 134.6)","--color-secondary":"oklch(77.75% 0.196 111.09)","--color-secondary-content":"oklch(15.55% 0.0392 111.09)","--color-accent":"oklch(85.39% 0.201 100.73)","--color-accent-content":"oklch(17.078% 0.0402 100.73)","--color-neutral":"oklch(30.98% 0.075 108.6)","--color-neutral-content":"oklch(86.196% 0.015 108.6)","--color-info":"oklch(86.19% 0.047 224.14)","--color-info-content":"oklch(17.238% 0.0094 224.14)","--color-success":"oklch(86.19% 0.047 157.85)","--color-success-content":"oklch(17.238% 0.0094 157.85)","--color-warning":"oklch(86.19% 0.047 102.15)","--color-warning-content":"oklch(17.238% 0.0094 102.15)","--color-error":"oklch(86.19% 0.047 25.85)","--color-error-content":"oklch(17.238% 0.0094 25.85)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/light/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root,:root:has(input.theme-controller[value=light]:checked),[data-theme="light"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(96.1151% 0 0);
5
+ --color-base-300: oklch(92.4169% 0.00108 197.137559);
6
+ --color-base-content: oklch(27.8078% 0.029596 256.84795);
7
+ --color-primary: oklch(49.12% 0.3096 275.75);
8
+ --color-primary-content: oklch(89.824% 0.06192 275.75);
9
+ --color-secondary: oklch(69.71% 0.329 342.55);
10
+ --color-secondary-content: oklch(98.71% 0.0106 342.55);
11
+ --color-accent: oklch(76.76% 0.184 183.61);
12
+ --color-accent-content: oklch(15.352% 0.0368 183.61);
13
+ --color-neutral: oklch(20% 0.02476 255.701624);
14
+ --color-neutral-content: oklch(89.4994% 0.011585 252.096176);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.15 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/light/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import light from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...light})
4
+ }
package/theme/light/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(96.1151% 0 0)","--color-base-300":"oklch(92.4169% 0.00108 197.137559)","--color-base-content":"oklch(27.8078% 0.029596 256.84795)","--color-primary":"oklch(49.12% 0.3096 275.75)","--color-primary-content":"oklch(89.824% 0.06192 275.75)","--color-secondary":"oklch(69.71% 0.329 342.55)","--color-secondary-content":"oklch(98.71% 0.0106 342.55)","--color-accent":"oklch(76.76% 0.184 183.61)","--color-accent-content":"oklch(15.352% 0.0368 183.61)","--color-neutral":"oklch(20% 0.02476 255.701624)","--color-neutral-content":"oklch(89.4994% 0.011585 252.096176)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/lofi/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=lofi]:checked),[data-theme="lofi"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(96.1151% 0 0);
5
+ --color-base-300: oklch(92.268% 0.001082 17.17934);
6
+ --color-base-content: oklch(0% 0 0);
7
+ --color-primary: oklch(15.9066% 0 0);
8
+ --color-primary-content: oklch(100% 0 0);
9
+ --color-secondary: oklch(21.455% 0.001566 17.278957);
10
+ --color-secondary-content: oklch(100% 0 0);
11
+ --color-accent: oklch(26.8618% 0 0);
12
+ --color-accent-content: oklch(100% 0 0);
13
+ --color-neutral: oklch(0% 0 0);
14
+ --color-neutral-content: oklch(100% 0 0);
15
+ --color-info: oklch(79.54% 0.103 205.9);
16
+ --color-info-content: oklch(15.908% 0.0206 205.9);
17
+ --color-success: oklch(90.13% 0.153 164.14);
18
+ --color-success-content: oklch(18.026% 0.0306 164.14);
19
+ --color-warning: oklch(88.37% 0.135 79.94);
20
+ --color-warning-content: oklch(17.674% 0.027 79.94);
21
+ --color-error: oklch(78.66% 0.15 28.47);
22
+ --color-error-content: oklch(15.732% 0.03 28.47);
23
+ --radius-badge: 0.125rem;
24
+ --radius-btn: 0.125rem;
25
+ --radius-box: 0.25rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
package/theme/lofi/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import lofi from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...lofi})
4
+ }
package/theme/lofi/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(96.1151% 0 0)","--color-base-300":"oklch(92.268% 0.001082 17.17934)","--color-base-content":"oklch(0% 0 0)","--color-primary":"oklch(15.9066% 0 0)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(21.455% 0.001566 17.278957)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(26.8618% 0 0)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(0% 0 0)","--color-neutral-content":"oklch(100% 0 0)","--color-info":"oklch(79.54% 0.103 205.9)","--color-info-content":"oklch(15.908% 0.0206 205.9)","--color-success":"oklch(90.13% 0.153 164.14)","--color-success-content":"oklch(18.026% 0.0306 164.14)","--color-warning":"oklch(88.37% 0.135 79.94)","--color-warning-content":"oklch(17.674% 0.027 79.94)","--color-error":"oklch(78.66% 0.15 28.47)","--color-error-content":"oklch(15.732% 0.03 28.47)","--radius-badge":"0.125rem","--radius-btn":"0.125rem","--radius-box":"0.25rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};