daisyui 5.0.0-alpha.20 → 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 (139) hide show
  1. package/base/properties.css +1 -1
  2. package/base/rootcolor.css +1 -1
  3. package/base/scrollbar.css +1 -1
  4. package/chunks.css +0 -1
  5. package/colors/properties.css +1 -1
  6. package/colors/responsive.css +1 -1
  7. package/colors/states.css +1 -1
  8. package/components/alert.css +1 -1
  9. package/components/avatar.css +1 -1
  10. package/components/badge.css +1 -1
  11. package/components/button.css +1 -1
  12. package/components/card.css +1 -1
  13. package/components/chat.css +1 -1
  14. package/components/checkbox.css +1 -1
  15. package/components/collapse.css +1 -1
  16. package/components/countdown.css +1 -1
  17. package/components/divider.css +1 -1
  18. package/components/dropdown.css +1 -1
  19. package/components/footer.css +1 -1
  20. package/components/hero.css +1 -1
  21. package/components/input.css +1 -1
  22. package/components/kbd.css +1 -1
  23. package/components/link.css +1 -1
  24. package/components/loading.css +1 -1
  25. package/components/mask.css +1 -1
  26. package/components/menu.css +1 -1
  27. package/components/navbar.css +1 -1
  28. package/components/progress.css +1 -1
  29. package/components/radialprogress.css +1 -1
  30. package/components/radio.css +1 -1
  31. package/components/range.css +1 -1
  32. package/components/rating.css +1 -1
  33. package/components/select.css +1 -1
  34. package/components/skeleton.css +1 -1
  35. package/components/stack.css +1 -1
  36. package/components/status.css +1 -1
  37. package/components/steps.css +1 -1
  38. package/components/swap.css +1 -1
  39. package/components/tab.css +1 -1
  40. package/components/table.css +1 -1
  41. package/components/timeline.css +1 -1
  42. package/components/toggle.css +1 -1
  43. package/components/tooltip.css +1 -1
  44. package/full.css +1 -1
  45. package/functions/pluginOptionsHandler.js +44 -0
  46. package/functions/variables.js +33 -0
  47. package/index.js +82 -120
  48. package/package.json +4 -1
  49. package/theme/acid/index.css +28 -0
  50. package/theme/acid/index.js +4 -0
  51. package/theme/acid/object.js +1 -0
  52. package/theme/aqua/index.css +28 -0
  53. package/theme/aqua/index.js +4 -0
  54. package/theme/aqua/object.js +1 -0
  55. package/theme/autumn/index.css +28 -0
  56. package/theme/autumn/index.js +4 -0
  57. package/theme/autumn/object.js +1 -0
  58. package/theme/black/index.css +28 -0
  59. package/theme/black/index.js +4 -0
  60. package/theme/black/object.js +1 -0
  61. package/theme/bumblebee/index.css +28 -0
  62. package/theme/bumblebee/index.js +4 -0
  63. package/theme/bumblebee/object.js +1 -0
  64. package/theme/business/index.css +28 -0
  65. package/theme/business/index.js +4 -0
  66. package/theme/business/object.js +1 -0
  67. package/theme/cmyk/index.css +28 -0
  68. package/theme/cmyk/index.js +4 -0
  69. package/theme/cmyk/object.js +1 -0
  70. package/theme/coffee/index.css +28 -0
  71. package/theme/coffee/index.js +4 -0
  72. package/theme/coffee/object.js +1 -0
  73. package/theme/corporate/index.css +28 -0
  74. package/theme/corporate/index.js +4 -0
  75. package/theme/corporate/object.js +1 -0
  76. package/theme/cyberpunk/index.css +28 -0
  77. package/theme/cyberpunk/index.js +4 -0
  78. package/theme/cyberpunk/object.js +1 -0
  79. package/theme/dim/index.css +28 -0
  80. package/theme/dim/index.js +4 -0
  81. package/theme/dim/object.js +1 -0
  82. package/theme/dracula/index.css +28 -0
  83. package/theme/dracula/index.js +4 -0
  84. package/theme/dracula/object.js +1 -0
  85. package/theme/emerald/index.css +28 -0
  86. package/theme/emerald/index.js +4 -0
  87. package/theme/emerald/object.js +1 -0
  88. package/theme/fantasy/index.css +28 -0
  89. package/theme/fantasy/index.js +4 -0
  90. package/theme/fantasy/object.js +1 -0
  91. package/theme/forest/index.css +28 -0
  92. package/theme/forest/index.js +4 -0
  93. package/theme/forest/object.js +1 -0
  94. package/theme/garden/index.css +28 -0
  95. package/theme/garden/index.js +4 -0
  96. package/theme/garden/object.js +1 -0
  97. package/theme/halloween/index.css +28 -0
  98. package/theme/halloween/index.js +4 -0
  99. package/theme/halloween/object.js +1 -0
  100. package/theme/index.js +15 -3
  101. package/theme/lemonade/index.css +28 -0
  102. package/theme/lemonade/index.js +4 -0
  103. package/theme/lemonade/object.js +1 -0
  104. package/theme/lofi/index.css +28 -0
  105. package/theme/lofi/index.js +4 -0
  106. package/theme/lofi/object.js +1 -0
  107. package/theme/luxury/index.css +28 -0
  108. package/theme/luxury/index.js +4 -0
  109. package/theme/luxury/object.js +1 -0
  110. package/theme/night/index.css +28 -0
  111. package/theme/night/index.js +4 -0
  112. package/theme/night/object.js +1 -0
  113. package/theme/nord/index.css +28 -0
  114. package/theme/nord/index.js +4 -0
  115. package/theme/nord/object.js +1 -0
  116. package/theme/object.js +1 -0
  117. package/theme/pastel/index.css +28 -0
  118. package/theme/pastel/index.js +4 -0
  119. package/theme/pastel/object.js +1 -0
  120. package/theme/retro/index.css +28 -0
  121. package/theme/retro/index.js +4 -0
  122. package/theme/retro/object.js +1 -0
  123. package/theme/sunset/index.css +28 -0
  124. package/theme/sunset/index.js +4 -0
  125. package/theme/sunset/object.js +1 -0
  126. package/theme/synthwave/index.css +28 -0
  127. package/theme/synthwave/index.js +4 -0
  128. package/theme/synthwave/object.js +1 -0
  129. package/theme/valentine/index.css +28 -0
  130. package/theme/valentine/index.js +4 -0
  131. package/theme/valentine/object.js +1 -0
  132. package/theme/winter/index.css +28 -0
  133. package/theme/winter/index.js +4 -0
  134. package/theme/winter/object.js +1 -0
  135. package/theme/wireframe/index.css +28 -0
  136. package/theme/wireframe/index.js +4 -0
  137. package/theme/wireframe/object.js +1 -0
  138. package/themes.css +1 -1
  139. package/utilities/join.css +1 -1
package/theme/coffee/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=coffee]:checked),[data-theme="coffee"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(21.6758% 0.023072 329.708637);
4
+ --color-base-200: oklch(20.1585% 0.021457 329.708637);
5
+ --color-base-300: oklch(18.6412% 0.019842 329.708637);
6
+ --color-base-content: oklch(72.3547% 0.092794 79.129387);
7
+ --color-primary: oklch(71.9967% 0.123825 62.756393);
8
+ --color-primary-content: oklch(14.3993% 0.024765 62.756393);
9
+ --color-secondary: oklch(34.465% 0.029849 199.19444);
10
+ --color-secondary-content: oklch(86.893% 0.00597 199.19444);
11
+ --color-accent: oklch(42.6213% 0.074405 224.389184);
12
+ --color-accent-content: oklch(88.5243% 0.014881 224.389184);
13
+ --color-neutral: oklch(16.5109% 0.015743 326.261446);
14
+ --color-neutral-content: oklch(83.3022% 0.003149 326.261446);
15
+ --color-info: oklch(79.4902% 0.063869 184.558367);
16
+ --color-info-content: oklch(15.898% 0.012774 184.558367);
17
+ --color-success: oklch(74.7224% 0.072456 131.116276);
18
+ --color-success-content: oklch(14.9445% 0.014491 131.116276);
19
+ --color-warning: oklch(88.1503% 0.140812 87.722413);
20
+ --color-warning-content: oklch(17.6301% 0.028162 87.722413);
21
+ --color-error: oklch(77.3187% 0.12822 31.871922);
22
+ --color-error-content: oklch(15.4637% 0.025644 31.871922);
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/coffee/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import coffee from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...coffee})
4
+ }
package/theme/coffee/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(21.6758% 0.023072 329.708637)","--color-base-200":"oklch(20.1585% 0.021457 329.708637)","--color-base-300":"oklch(18.6412% 0.019842 329.708637)","--color-base-content":"oklch(72.3547% 0.092794 79.129387)","--color-primary":"oklch(71.9967% 0.123825 62.756393)","--color-primary-content":"oklch(14.3993% 0.024765 62.756393)","--color-secondary":"oklch(34.465% 0.029849 199.19444)","--color-secondary-content":"oklch(86.893% 0.00597 199.19444)","--color-accent":"oklch(42.6213% 0.074405 224.389184)","--color-accent-content":"oklch(88.5243% 0.014881 224.389184)","--color-neutral":"oklch(16.5109% 0.015743 326.261446)","--color-neutral-content":"oklch(83.3022% 0.003149 326.261446)","--color-info":"oklch(79.4902% 0.063869 184.558367)","--color-info-content":"oklch(15.898% 0.012774 184.558367)","--color-success":"oklch(74.7224% 0.072456 131.116276)","--color-success-content":"oklch(14.9445% 0.014491 131.116276)","--color-warning":"oklch(88.1503% 0.140812 87.722413)","--color-warning-content":"oklch(17.6301% 0.028162 87.722413)","--color-error":"oklch(77.3187% 0.12822 31.871922)","--color-error-content":"oklch(15.4637% 0.025644 31.871922)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
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/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/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 CHANGED
@@ -1,4 +1,5 @@
1
1
  import { plugin } from '../functions/plugin.js';
2
+ import allThemes from './object.js';
2
3
 
3
4
  export default plugin.withOptions(
4
5
  (options = {}) => {
@@ -8,17 +9,28 @@ export default plugin.withOptions(
8
9
  default: isDefault = false,
9
10
  prefersDark = false,
10
11
  'color-scheme': colorScheme,
11
- ...themeTokens
12
+ ...customThemeTokens
12
13
  } = options;
13
14
 
14
- let selector = `[data-theme="${name}"]`;
15
+ let selector = `:root:has(input.theme-controller[value=${name}]:checked),[data-theme="${name}"]`;
15
16
  if (isDefault) {
16
17
  selector = `:root,${selector}`;
17
18
  }
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
+
19
31
  const baseStyles = {
20
32
  [selector]: {
21
- 'color-scheme': colorScheme,
33
+ 'color-scheme': themeTokens['color-scheme'] || colorScheme,
22
34
  ...themeTokens
23
35
  }
24
36
  };
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/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"};
package/theme/luxury/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=luxury]:checked),[data-theme="luxury"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(14.0765% 0.004386 285.822869);
4
+ --color-base-200: oklch(20.2191% 0.004211 308.22937);
5
+ --color-base-300: oklch(29.8961% 0.003818 308.318612);
6
+ --color-base-content: oklch(75.6879% 0.123666 76.890484);
7
+ --color-primary: oklch(100% 0 0);
8
+ --color-primary-content: oklch(20% 0 0);
9
+ --color-secondary: oklch(27.5815% 0.064106 261.069149);
10
+ --color-secondary-content: oklch(85.5163% 0.012821 261.069149);
11
+ --color-accent: oklch(36.6744% 0.051741 338.82597);
12
+ --color-accent-content: oklch(87.3349% 0.010348 338.82597);
13
+ --color-neutral: oklch(24.27% 0.057015 59.825019);
14
+ --color-neutral-content: oklch(93.2033% 0.089631 90.861683);
15
+ --color-info: oklch(79.0612% 0.121778 237.133883);
16
+ --color-info-content: oklch(15.8122% 0.024356 237.133883);
17
+ --color-success: oklch(78.1197% 0.192894 132.154381);
18
+ --color-success-content: oklch(15.6239% 0.038579 132.154381);
19
+ --color-warning: oklch(86.1274% 0.136524 102.89115);
20
+ --color-warning-content: oklch(17.2255% 0.027305 102.89115);
21
+ --color-error: oklch(71.7531% 0.176357 22.568916);
22
+ --color-error-content: oklch(14.3506% 0.035271 22.568916);
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/luxury/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import luxury from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...luxury})
4
+ }
package/theme/luxury/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(14.0765% 0.004386 285.822869)","--color-base-200":"oklch(20.2191% 0.004211 308.22937)","--color-base-300":"oklch(29.8961% 0.003818 308.318612)","--color-base-content":"oklch(75.6879% 0.123666 76.890484)","--color-primary":"oklch(100% 0 0)","--color-primary-content":"oklch(20% 0 0)","--color-secondary":"oklch(27.5815% 0.064106 261.069149)","--color-secondary-content":"oklch(85.5163% 0.012821 261.069149)","--color-accent":"oklch(36.6744% 0.051741 338.82597)","--color-accent-content":"oklch(87.3349% 0.010348 338.82597)","--color-neutral":"oklch(24.27% 0.057015 59.825019)","--color-neutral-content":"oklch(93.2033% 0.089631 90.861683)","--color-info":"oklch(79.0612% 0.121778 237.133883)","--color-info-content":"oklch(15.8122% 0.024356 237.133883)","--color-success":"oklch(78.1197% 0.192894 132.154381)","--color-success-content":"oklch(15.6239% 0.038579 132.154381)","--color-warning":"oklch(86.1274% 0.136524 102.89115)","--color-warning-content":"oklch(17.2255% 0.027305 102.89115)","--color-error":"oklch(71.7531% 0.176357 22.568916)","--color-error-content":"oklch(14.3506% 0.035271 22.568916)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
package/theme/night/index.css ADDED
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=night]:checked),[data-theme="night"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(20.7682% 0.039824 265.754874);
4
+ --color-base-200: oklch(19.3144% 0.037037 265.754874);
5
+ --color-base-300: oklch(17.8606% 0.034249 265.754874);
6
+ --color-base-content: oklch(84.1536% 0.007965 265.754874);
7
+ --color-primary: oklch(75.3513% 0.138989 232.66148);
8
+ --color-primary-content: oklch(15.0703% 0.027798 232.66148);
9
+ --color-secondary: oklch(68.0113% 0.158303 276.934902);
10
+ --color-secondary-content: oklch(13.6023% 0.031661 276.934902);
11
+ --color-accent: oklch(72.3603% 0.176218 350.048739);
12
+ --color-accent-content: oklch(14.4721% 0.035244 350.048739);
13
+ --color-neutral: oklch(27.9495% 0.036848 260.030984);
14
+ --color-neutral-content: oklch(85.5899% 0.00737 260.030984);
15
+ --color-info: oklch(68.4553% 0.148062 237.25135);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(78.452% 0.132529 181.911977);
18
+ --color-success-content: oklch(15.6904% 0.026506 181.911977);
19
+ --color-warning: oklch(83.2428% 0.139558 82.95003);
20
+ --color-warning-content: oklch(16.6486% 0.027912 82.95003);
21
+ --color-error: oklch(71.7858% 0.170255 13.11834);
22
+ --color-error-content: oklch(14.3572% 0.034051 13.11834);
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/night/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import night from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...night})
4
+ }
package/theme/night/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(20.7682% 0.039824 265.754874)","--color-base-200":"oklch(19.3144% 0.037037 265.754874)","--color-base-300":"oklch(17.8606% 0.034249 265.754874)","--color-base-content":"oklch(84.1536% 0.007965 265.754874)","--color-primary":"oklch(75.3513% 0.138989 232.66148)","--color-primary-content":"oklch(15.0703% 0.027798 232.66148)","--color-secondary":"oklch(68.0113% 0.158303 276.934902)","--color-secondary-content":"oklch(13.6023% 0.031661 276.934902)","--color-accent":"oklch(72.3603% 0.176218 350.048739)","--color-accent-content":"oklch(14.4721% 0.035244 350.048739)","--color-neutral":"oklch(27.9495% 0.036848 260.030984)","--color-neutral-content":"oklch(85.5899% 0.00737 260.030984)","--color-info":"oklch(68.4553% 0.148062 237.25135)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(78.452% 0.132529 181.911977)","--color-success-content":"oklch(15.6904% 0.026506 181.911977)","--color-warning":"oklch(83.2428% 0.139558 82.95003)","--color-warning-content":"oklch(16.6486% 0.027912 82.95003)","--color-error":"oklch(71.7858% 0.170255 13.11834)","--color-error-content":"oklch(14.3572% 0.034051 13.11834)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};