daisyui 5.0.0-alpha.9 → 5.0.0-beta.2
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.
- package/README.md +4 -35
- package/base/properties/index.js +7 -1
- package/base/properties/object.js +1 -0
- package/base/properties.css +1 -1
- package/base/reset/index.js +7 -0
- package/base/reset/object.js +1 -0
- package/base/reset.css +1 -0
- package/base/rootcolor/index.js +7 -0
- package/base/rootcolor/object.js +1 -0
- package/base/rootcolor.css +1 -0
- package/base/rootscrollgutter/index.js +7 -0
- package/base/rootscrollgutter/object.js +1 -0
- package/base/rootscrollgutter.css +1 -0
- package/base/rootscrolllock/index.js +7 -0
- package/base/rootscrolllock/object.js +1 -0
- package/base/rootscrolllock.css +1 -0
- package/base/scrollbar/index.js +7 -1
- package/base/scrollbar/object.js +1 -0
- package/base/scrollbar.css +1 -1
- package/chunks.css +69 -47
- package/colors/properties.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert/index.js +7 -1
- package/components/alert/object.js +1 -0
- package/components/alert.css +1 -1
- package/components/avatar/index.js +7 -1
- package/components/avatar/object.js +1 -0
- package/components/avatar.css +1 -1
- package/components/badge/class.json +2 -1
- package/components/badge/index.js +7 -1
- package/components/badge/object.js +1 -0
- package/components/badge.css +1 -1
- package/components/breadcrumbs/class.json +3 -0
- package/components/breadcrumbs/index.js +7 -0
- package/components/breadcrumbs/object.js +1 -0
- package/components/breadcrumbs.css +1 -0
- package/components/button/class.json +3 -4
- package/components/button/index.js +7 -1
- package/components/button/object.js +1 -0
- package/components/button.css +1 -1
- package/components/calendar/class.json +51 -0
- package/components/calendar/index.js +7 -0
- package/components/calendar/object.js +1 -0
- package/components/calendar.css +1 -0
- package/components/card/class.json +2 -0
- package/components/card/index.js +7 -1
- package/components/card/object.js +1 -0
- package/components/card.css +1 -1
- package/components/carousel/class.json +9 -0
- package/components/carousel/index.js +7 -0
- package/components/carousel/object.js +1 -0
- package/components/carousel.css +1 -0
- package/components/chat/class.json +9 -9
- package/components/chat/index.js +7 -1
- package/components/chat/object.js +1 -0
- package/components/chat.css +1 -1
- package/components/checkbox/class.json +4 -5
- package/components/checkbox/index.js +7 -1
- package/components/checkbox/object.js +1 -0
- package/components/checkbox.css +1 -1
- package/components/collapse/class.json +2 -3
- package/components/collapse/index.js +7 -1
- package/components/collapse/object.js +1 -0
- package/components/collapse.css +1 -1
- package/components/countdown/index.js +7 -1
- package/components/countdown/object.js +1 -0
- package/components/countdown.css +1 -1
- package/components/diff/class.json +6 -0
- package/components/diff/index.js +7 -0
- package/components/diff/object.js +1 -0
- package/components/diff.css +1 -0
- package/components/divider/index.js +7 -1
- package/components/divider/object.js +1 -0
- package/components/divider.css +1 -1
- package/components/dock/class.json +10 -0
- package/components/dock/index.js +7 -0
- package/components/dock/object.js +1 -0
- package/components/dock.css +1 -0
- package/components/drawer/class.json +10 -0
- package/components/drawer/index.js +7 -0
- package/components/drawer/object.js +1 -0
- package/components/drawer.css +1 -0
- package/components/dropdown/class.json +0 -2
- package/components/dropdown/index.js +7 -1
- package/components/dropdown/object.js +1 -0
- package/components/dropdown.css +1 -1
- package/components/fieldset/class.json +5 -0
- package/components/fieldset/index.js +7 -0
- package/components/fieldset/object.js +1 -0
- package/components/fieldset.css +1 -0
- package/components/fileinput/class.json +17 -0
- package/components/fileinput/index.js +7 -0
- package/components/fileinput/object.js +1 -0
- package/components/fileinput.css +1 -0
- package/components/filter/class.json +4 -0
- package/components/filter/index.js +7 -0
- package/components/filter/object.js +1 -0
- package/components/filter.css +1 -0
- package/components/footer/index.js +7 -1
- package/components/footer/object.js +1 -0
- package/components/footer.css +1 -1
- package/components/hero/index.js +7 -1
- package/components/hero/object.js +1 -0
- package/components/hero.css +1 -1
- package/components/indicator/class.json +10 -0
- package/components/indicator/index.js +7 -0
- package/components/indicator/object.js +1 -0
- package/components/indicator.css +1 -0
- package/components/input/class.json +3 -2
- package/components/input/index.js +7 -1
- package/components/input/object.js +1 -0
- package/components/input.css +1 -1
- package/components/kbd/class.json +2 -1
- package/components/kbd/index.js +7 -1
- package/components/kbd/object.js +1 -0
- package/components/kbd.css +1 -1
- package/components/label/class.json +6 -0
- package/components/label/index.js +7 -0
- package/components/label/object.js +1 -0
- package/components/label.css +1 -0
- package/components/link/index.js +7 -1
- package/components/link/object.js +1 -0
- package/components/link.css +1 -1
- package/components/list/class.json +6 -0
- package/components/list/index.js +7 -0
- package/components/list/object.js +1 -0
- package/components/list.css +1 -0
- package/components/loading/class.json +2 -9
- package/components/loading/index.js +7 -1
- package/components/loading/object.js +1 -0
- package/components/loading.css +1 -1
- package/components/mask/class.json +0 -5
- package/components/mask/index.js +7 -1
- package/components/mask/object.js +1 -0
- package/components/mask.css +1 -1
- package/components/menu/class.json +2 -2
- package/components/menu/index.js +7 -1
- package/components/menu/object.js +1 -0
- package/components/menu.css +1 -1
- package/components/mockup/class.json +10 -0
- package/components/mockup/index.js +7 -0
- package/components/mockup/object.js +1 -0
- package/components/mockup.css +1 -0
- package/components/modal/class.json +13 -0
- package/components/modal/index.js +7 -0
- package/components/modal/object.js +1 -0
- package/components/modal.css +1 -0
- package/components/navbar/index.js +7 -1
- package/components/navbar/object.js +1 -0
- package/components/navbar.css +1 -1
- package/components/progress/class.json +1 -0
- package/components/progress/index.js +7 -1
- package/components/progress/object.js +1 -0
- package/components/progress.css +1 -1
- package/components/radialprogress/index.js +7 -0
- package/components/radialprogress/object.js +1 -0
- package/components/radialprogress.css +1 -0
- package/components/radio/class.json +4 -2
- package/components/radio/index.js +7 -1
- package/components/radio/object.js +1 -0
- package/components/radio.css +1 -1
- package/components/range/class.json +3 -1
- package/components/range/index.js +7 -1
- package/components/range/object.js +1 -0
- package/components/range.css +1 -1
- package/components/rating/class.json +5 -1
- package/components/rating/index.js +7 -1
- package/components/rating/object.js +1 -0
- package/components/rating.css +1 -1
- package/components/select/class.json +3 -2
- package/components/select/index.js +7 -1
- package/components/select/object.js +1 -0
- package/components/select.css +1 -1
- package/components/skeleton/index.js +7 -1
- package/components/skeleton/object.js +1 -0
- package/components/skeleton.css +1 -1
- package/components/stack/class.json +5 -1
- package/components/stack/index.js +7 -1
- package/components/stack/object.js +1 -0
- package/components/stack.css +1 -1
- package/components/stat/class.json +11 -0
- package/components/stat/index.js +7 -0
- package/components/stat/object.js +1 -0
- package/components/stat.css +1 -0
- package/components/status/class.json +2 -1
- package/components/status/index.js +7 -1
- package/components/status/object.js +1 -0
- package/components/status.css +1 -1
- package/components/steps/class.json +1 -0
- package/components/steps/index.js +7 -1
- package/components/steps/object.js +1 -0
- package/components/steps.css +1 -1
- package/components/swap/class.json +0 -1
- package/components/swap/index.js +7 -1
- package/components/swap/object.js +1 -0
- package/components/swap.css +1 -1
- package/components/tab/class.json +10 -5
- package/components/tab/index.js +7 -1
- package/components/tab/object.js +1 -0
- package/components/tab.css +1 -1
- package/components/table/class.json +2 -1
- package/components/table/index.js +7 -1
- package/components/table/object.js +1 -0
- package/components/table.css +1 -1
- package/components/textarea/class.json +17 -0
- package/components/textarea/index.js +7 -0
- package/components/textarea/object.js +1 -0
- package/components/textarea.css +1 -0
- package/components/timeline/index.js +7 -1
- package/components/timeline/object.js +1 -0
- package/components/timeline.css +1 -1
- package/components/toast/class.json +9 -0
- package/components/toast/index.js +7 -0
- package/components/toast/object.js +1 -0
- package/components/toast.css +1 -0
- package/components/toggle/class.json +3 -3
- package/components/toggle/index.js +7 -1
- package/components/toggle/object.js +1 -0
- package/components/toggle.css +1 -1
- package/components/tooltip/class.json +1 -2
- package/components/tooltip/index.js +7 -1
- package/components/tooltip/object.js +1 -0
- package/components/tooltip.css +1 -1
- package/components/validator/class.json +4 -0
- package/components/validator/index.js +7 -0
- package/components/validator/object.js +1 -0
- package/components/validator.css +1 -0
- package/daisyui.css +1 -0
- package/functions/addPrefix.js +138 -0
- package/functions/plugin.js +11 -0
- package/functions/pluginOptionsHandler.js +79 -0
- package/functions/themeOrder.js +37 -0
- package/functions/variables.js +29 -0
- package/imports.js +68 -0
- package/index.js +50 -86
- package/package.json +68 -80
- package/theme/abyss/index.js +7 -0
- package/theme/abyss/object.js +1 -0
- package/theme/abyss.css +31 -0
- package/theme/acid/index.js +7 -0
- package/theme/acid/object.js +1 -0
- package/theme/acid.css +31 -0
- package/theme/aqua/index.js +7 -0
- package/theme/aqua/object.js +1 -0
- package/theme/aqua.css +31 -0
- package/theme/autumn/index.js +7 -0
- package/theme/autumn/object.js +1 -0
- package/theme/autumn.css +31 -0
- package/theme/black/index.js +7 -0
- package/theme/black/object.js +1 -0
- package/theme/black.css +31 -0
- package/theme/bumblebee/index.js +7 -0
- package/theme/bumblebee/object.js +1 -0
- package/theme/bumblebee.css +31 -0
- package/theme/business/index.js +7 -0
- package/theme/business/object.js +1 -0
- package/theme/business.css +31 -0
- package/theme/caramellatte/index.js +7 -0
- package/theme/caramellatte/object.js +1 -0
- package/theme/caramellatte.css +31 -0
- package/theme/cmyk/index.js +7 -0
- package/theme/cmyk/object.js +1 -0
- package/theme/cmyk.css +31 -0
- package/theme/coffee/index.js +7 -0
- package/theme/coffee/object.js +1 -0
- package/theme/coffee.css +31 -0
- package/theme/corporate/index.js +7 -0
- package/theme/corporate/object.js +1 -0
- package/theme/corporate.css +31 -0
- package/theme/cupcake/index.js +7 -0
- package/theme/cupcake/object.js +1 -0
- package/theme/cupcake.css +31 -0
- package/theme/cyberpunk/index.js +7 -0
- package/theme/cyberpunk/object.js +1 -0
- package/theme/cyberpunk.css +31 -0
- package/theme/dark/index.js +7 -0
- package/theme/dark/object.js +1 -0
- package/theme/dark.css +31 -0
- package/theme/dim/index.js +7 -0
- package/theme/dim/object.js +1 -0
- package/theme/dim.css +31 -0
- package/theme/dracula/index.js +7 -0
- package/theme/dracula/object.js +1 -0
- package/theme/dracula.css +31 -0
- package/theme/emerald/index.js +7 -0
- package/theme/emerald/object.js +1 -0
- package/theme/emerald.css +31 -0
- package/theme/fantasy/index.js +7 -0
- package/theme/fantasy/object.js +1 -0
- package/theme/fantasy.css +31 -0
- package/theme/forest/index.js +7 -0
- package/theme/forest/object.js +1 -0
- package/theme/forest.css +31 -0
- package/theme/garden/index.js +7 -0
- package/theme/garden/object.js +1 -0
- package/theme/garden.css +31 -0
- package/theme/halloween/index.js +7 -0
- package/theme/halloween/object.js +1 -0
- package/theme/halloween.css +31 -0
- package/theme/index.js +48 -0
- package/theme/lemonade/index.js +7 -0
- package/theme/lemonade/object.js +1 -0
- package/theme/lemonade.css +31 -0
- package/theme/light/index.js +7 -0
- package/theme/light/object.js +1 -0
- package/theme/light.css +31 -0
- package/theme/lofi/index.js +7 -0
- package/theme/lofi/object.js +1 -0
- package/theme/lofi.css +31 -0
- package/theme/luxury/index.js +7 -0
- package/theme/luxury/object.js +1 -0
- package/theme/luxury.css +31 -0
- package/theme/night/index.js +7 -0
- package/theme/night/object.js +1 -0
- package/theme/night.css +31 -0
- package/theme/nord/index.js +7 -0
- package/theme/nord/object.js +1 -0
- package/theme/nord.css +31 -0
- package/theme/object.d.ts +74 -0
- package/theme/object.js +1 -0
- package/theme/pastel/index.js +7 -0
- package/theme/pastel/object.js +1 -0
- package/theme/pastel.css +31 -0
- package/theme/retro/index.js +7 -0
- package/theme/retro/object.js +1 -0
- package/theme/retro.css +31 -0
- package/theme/silk/index.js +7 -0
- package/theme/silk/object.js +1 -0
- package/theme/silk.css +31 -0
- package/theme/sunset/index.js +7 -0
- package/theme/sunset/object.js +1 -0
- package/theme/sunset.css +31 -0
- package/theme/synthwave/index.js +7 -0
- package/theme/synthwave/object.js +1 -0
- package/theme/synthwave.css +31 -0
- package/theme/valentine/index.js +7 -0
- package/theme/valentine/object.js +1 -0
- package/theme/valentine.css +31 -0
- package/theme/winter/index.js +7 -0
- package/theme/winter/object.js +1 -0
- package/theme/winter.css +31 -0
- package/theme/wireframe/index.js +7 -0
- package/theme/wireframe/object.js +1 -0
- package/theme/wireframe.css +31 -0
- package/themes.css +1 -0
- package/utilities/glass/index.js +7 -0
- package/utilities/glass/object.js +1 -0
- package/utilities/glass.css +1 -0
- package/utilities/join/index.js +7 -1
- package/utilities/join/object.js +1 -0
- package/utilities/join.css +1 -1
- package/utilities/radius/index.js +7 -0
- package/utilities/radius/object.js +1 -0
- package/utilities/radius.css +1 -0
- package/utilities/typography/index.js +7 -0
- package/utilities/typography/object.js +1 -0
- package/utilities/typography.css +1 -0
- package/base/properties/config.js +0 -4
- package/base/properties/index.css +0 -1
- package/base/root-color/config.js +0 -4
- package/base/root-color/index.css +0 -1
- package/base/root-color/index.js +0 -1
- package/base/root-color.css +0 -1
- package/base/scrollbar/config.js +0 -4
- package/base/scrollbar/index.css +0 -1
- package/components/alert/config.js +0 -4
- package/components/alert/index.css +0 -1
- package/components/avatar/config.js +0 -4
- package/components/avatar/index.css +0 -1
- package/components/badge/config.js +0 -4
- package/components/badge/index.css +0 -1
- package/components/button/config.js +0 -4
- package/components/button/index.css +0 -1
- package/components/card/config.js +0 -4
- package/components/card/index.css +0 -1
- package/components/chat/config.js +0 -4
- package/components/chat/index.css +0 -1
- package/components/checkbox/config.js +0 -4
- package/components/checkbox/index.css +0 -1
- package/components/collapse/config.js +0 -4
- package/components/collapse/index.css +0 -1
- package/components/countdown/config.js +0 -4
- package/components/countdown/index.css +0 -1
- package/components/divider/config.js +0 -4
- package/components/divider/index.css +0 -1
- package/components/dropdown/config.js +0 -4
- package/components/dropdown/index.css +0 -1
- package/components/footer/config.js +0 -4
- package/components/footer/index.css +0 -1
- package/components/hero/config.js +0 -4
- package/components/hero/index.css +0 -1
- package/components/input/config.js +0 -4
- package/components/input/index.css +0 -1
- package/components/kbd/config.js +0 -4
- package/components/kbd/index.css +0 -1
- package/components/link/config.js +0 -4
- package/components/link/index.css +0 -1
- package/components/loading/config.js +0 -4
- package/components/loading/index.css +0 -1
- package/components/mask/config.js +0 -4
- package/components/mask/index.css +0 -1
- package/components/menu/config.js +0 -4
- package/components/menu/index.css +0 -1
- package/components/navbar/config.js +0 -4
- package/components/navbar/index.css +0 -1
- package/components/progress/config.js +0 -4
- package/components/progress/index.css +0 -1
- package/components/radial-progress/config.js +0 -4
- package/components/radial-progress/index.css +0 -1
- package/components/radial-progress/index.js +0 -1
- package/components/radial-progress.css +0 -1
- package/components/radio/config.js +0 -4
- package/components/radio/index.css +0 -1
- package/components/range/config.js +0 -4
- package/components/range/index.css +0 -1
- package/components/rating/config.js +0 -4
- package/components/rating/index.css +0 -1
- package/components/select/config.js +0 -4
- package/components/select/index.css +0 -1
- package/components/skeleton/config.js +0 -4
- package/components/skeleton/index.css +0 -1
- package/components/stack/config.js +0 -4
- package/components/stack/index.css +0 -1
- package/components/status/config.js +0 -4
- package/components/status/index.css +0 -1
- package/components/steps/config.js +0 -4
- package/components/steps/index.css +0 -1
- package/components/swap/config.js +0 -4
- package/components/swap/index.css +0 -1
- package/components/tab/config.js +0 -4
- package/components/tab/index.css +0 -1
- package/components/table/config.js +0 -4
- package/components/table/index.css +0 -1
- package/components/timeline/config.js +0 -4
- package/components/timeline/index.css +0 -1
- package/components/toggle/config.js +0 -4
- package/components/toggle/index.css +0 -1
- package/components/tooltip/config.js +0 -4
- package/components/tooltip/index.css +0 -1
- package/full.css +0 -1
- package/index.css +0 -43
- package/themes/dark/index.css +0 -28
- package/themes/default/index.css +0 -27
- package/themes/index.css +0 -27
- package/themes/light/index.css +0 -28
- package/utilities/join/config.js +0 -4
- package/utilities/join/index.css +0 -1
- /package/components/{radial-progress → radialprogress}/class.json +0 -0
package/theme/dark.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
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.807% 0.029 256.847);
|
|
7
|
+
--color-primary: oklch(58% 0.233 277.117);
|
|
8
|
+
--color-primary-content: oklch(96% 0.018 272.314);
|
|
9
|
+
--color-secondary: oklch(65% 0.241 354.308);
|
|
10
|
+
--color-secondary-content: oklch(94% 0.028 342.258);
|
|
11
|
+
--color-accent: oklch(77% 0.152 181.912);
|
|
12
|
+
--color-accent-content: oklch(38% 0.063 188.416);
|
|
13
|
+
--color-neutral: oklch(14% 0.005 285.823);
|
|
14
|
+
--color-neutral-content: oklch(92% 0.004 286.32);
|
|
15
|
+
--color-info: oklch(74% 0.16 232.661);
|
|
16
|
+
--color-info-content: oklch(29% 0.066 243.157);
|
|
17
|
+
--color-success: oklch(76% 0.177 163.223);
|
|
18
|
+
--color-success-content: oklch(37% 0.077 168.94);
|
|
19
|
+
--color-warning: oklch(82% 0.189 84.429);
|
|
20
|
+
--color-warning-content: oklch(41% 0.112 45.904);
|
|
21
|
+
--color-error: oklch(71% 0.194 13.428);
|
|
22
|
+
--color-error-content: oklch(27% 0.105 12.094);
|
|
23
|
+
--radius-selector: 0.5rem;
|
|
24
|
+
--radius-field: 0.25rem;
|
|
25
|
+
--radius-box: 0.5rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 1;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(30.857% 0.023 264.149)","--color-base-200":"oklch(28.036% 0.019 264.182)","--color-base-300":"oklch(26.346% 0.018 262.177)","--color-base-content":"oklch(82.901% 0.031 222.959)","--color-primary":"oklch(86.133% 0.141 139.549)","--color-primary-content":"oklch(17.226% 0.028 139.549)","--color-secondary":"oklch(73.375% 0.165 35.353)","--color-secondary-content":"oklch(14.675% 0.033 35.353)","--color-accent":"oklch(74.229% 0.133 311.379)","--color-accent-content":"oklch(14.845% 0.026 311.379)","--color-neutral":"oklch(24.731% 0.02 264.094)","--color-neutral-content":"oklch(82.901% 0.031 222.959)","--color-info":"oklch(86.078% 0.142 206.182)","--color-info-content":"oklch(17.215% 0.028 206.182)","--color-success":"oklch(86.171% 0.142 166.534)","--color-success-content":"oklch(17.234% 0.028 166.534)","--color-warning":"oklch(86.163% 0.142 94.818)","--color-warning-content":"oklch(17.232% 0.028 94.818)","--color-error":"oklch(82.418% 0.099 33.756)","--color-error-content":"oklch(16.483% 0.019 33.756)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
package/theme/dim.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=dim]:checked),[data-theme="dim"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
--color-base-100: oklch(30.857% 0.023 264.149);
|
|
4
|
+
--color-base-200: oklch(28.036% 0.019 264.182);
|
|
5
|
+
--color-base-300: oklch(26.346% 0.018 262.177);
|
|
6
|
+
--color-base-content: oklch(82.901% 0.031 222.959);
|
|
7
|
+
--color-primary: oklch(86.133% 0.141 139.549);
|
|
8
|
+
--color-primary-content: oklch(17.226% 0.028 139.549);
|
|
9
|
+
--color-secondary: oklch(73.375% 0.165 35.353);
|
|
10
|
+
--color-secondary-content: oklch(14.675% 0.033 35.353);
|
|
11
|
+
--color-accent: oklch(74.229% 0.133 311.379);
|
|
12
|
+
--color-accent-content: oklch(14.845% 0.026 311.379);
|
|
13
|
+
--color-neutral: oklch(24.731% 0.02 264.094);
|
|
14
|
+
--color-neutral-content: oklch(82.901% 0.031 222.959);
|
|
15
|
+
--color-info: oklch(86.078% 0.142 206.182);
|
|
16
|
+
--color-info-content: oklch(17.215% 0.028 206.182);
|
|
17
|
+
--color-success: oklch(86.171% 0.142 166.534);
|
|
18
|
+
--color-success-content: oklch(17.234% 0.028 166.534);
|
|
19
|
+
--color-warning: oklch(86.163% 0.142 94.818);
|
|
20
|
+
--color-warning-content: oklch(17.232% 0.028 94.818);
|
|
21
|
+
--color-error: oklch(82.418% 0.099 33.756);
|
|
22
|
+
--color-error-content: oklch(16.483% 0.019 33.756);
|
|
23
|
+
--radius-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(28.822% 0.022 277.508)","--color-base-200":"oklch(26.805% 0.02 277.508)","--color-base-300":"oklch(24.787% 0.019 277.508)","--color-base-content":"oklch(97.747% 0.007 106.545)","--color-primary":"oklch(75.461% 0.183 346.812)","--color-primary-content":"oklch(15.092% 0.036 346.812)","--color-secondary":"oklch(74.202% 0.148 301.883)","--color-secondary-content":"oklch(14.84% 0.029 301.883)","--color-accent":"oklch(83.392% 0.124 66.558)","--color-accent-content":"oklch(16.678% 0.024 66.558)","--color-neutral":"oklch(39.445% 0.032 275.524)","--color-neutral-content":"oklch(87.889% 0.006 275.524)","--color-info":"oklch(88.263% 0.093 212.846)","--color-info-content":"oklch(17.652% 0.018 212.846)","--color-success":"oklch(87.099% 0.219 148.024)","--color-success-content":"oklch(17.419% 0.043 148.024)","--color-warning":"oklch(95.533% 0.134 112.757)","--color-warning-content":"oklch(19.106% 0.026 112.757)","--color-error":"oklch(68.22% 0.206 24.43)","--color-error-content":"oklch(13.644% 0.041 24.43)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=dracula]:checked),[data-theme="dracula"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
--color-base-100: oklch(28.822% 0.022 277.508);
|
|
4
|
+
--color-base-200: oklch(26.805% 0.02 277.508);
|
|
5
|
+
--color-base-300: oklch(24.787% 0.019 277.508);
|
|
6
|
+
--color-base-content: oklch(97.747% 0.007 106.545);
|
|
7
|
+
--color-primary: oklch(75.461% 0.183 346.812);
|
|
8
|
+
--color-primary-content: oklch(15.092% 0.036 346.812);
|
|
9
|
+
--color-secondary: oklch(74.202% 0.148 301.883);
|
|
10
|
+
--color-secondary-content: oklch(14.84% 0.029 301.883);
|
|
11
|
+
--color-accent: oklch(83.392% 0.124 66.558);
|
|
12
|
+
--color-accent-content: oklch(16.678% 0.024 66.558);
|
|
13
|
+
--color-neutral: oklch(39.445% 0.032 275.524);
|
|
14
|
+
--color-neutral-content: oklch(87.889% 0.006 275.524);
|
|
15
|
+
--color-info: oklch(88.263% 0.093 212.846);
|
|
16
|
+
--color-info-content: oklch(17.652% 0.018 212.846);
|
|
17
|
+
--color-success: oklch(87.099% 0.219 148.024);
|
|
18
|
+
--color-success-content: oklch(17.419% 0.043 148.024);
|
|
19
|
+
--color-warning: oklch(95.533% 0.134 112.757);
|
|
20
|
+
--color-warning-content: oklch(19.106% 0.026 112.757);
|
|
21
|
+
--color-error: oklch(68.22% 0.206 24.43);
|
|
22
|
+
--color-error-content: oklch(13.644% 0.041 24.43);
|
|
23
|
+
--radius-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"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.519% 0.032 262.988)","--color-primary":"oklch(76.662% 0.135 153.45)","--color-primary-content":"oklch(33.387% 0.04 162.24)","--color-secondary":"oklch(61.302% 0.202 261.294)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(72.772% 0.149 33.2)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(35.519% 0.032 262.988)","--color-neutral-content":"oklch(98.462% 0.001 247.838)","--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-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
|
@@ -0,0 +1,31 @@
|
|
|
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.519% 0.032 262.988);
|
|
7
|
+
--color-primary: oklch(76.662% 0.135 153.45);
|
|
8
|
+
--color-primary-content: oklch(33.387% 0.04 162.24);
|
|
9
|
+
--color-secondary: oklch(61.302% 0.202 261.294);
|
|
10
|
+
--color-secondary-content: oklch(100% 0 0);
|
|
11
|
+
--color-accent: oklch(72.772% 0.149 33.2);
|
|
12
|
+
--color-accent-content: oklch(0% 0 0);
|
|
13
|
+
--color-neutral: oklch(35.519% 0.032 262.988);
|
|
14
|
+
--color-neutral-content: oklch(98.462% 0.001 247.838);
|
|
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-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"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.807% 0.029 256.847)","--color-primary":"oklch(37.45% 0.189 325.02)","--color-primary-content":"oklch(87.49% 0.037 325.02)","--color-secondary":"oklch(53.92% 0.162 241.36)","--color-secondary-content":"oklch(90.784% 0.032 241.36)","--color-accent":"oklch(75.98% 0.204 56.72)","--color-accent-content":"oklch(15.196% 0.04 56.72)","--color-neutral":"oklch(27.807% 0.029 256.847)","--color-neutral-content":"oklch(85.561% 0.005 256.847)","--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-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"};
|
|
@@ -0,0 +1,31 @@
|
|
|
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.807% 0.029 256.847);
|
|
7
|
+
--color-primary: oklch(37.45% 0.189 325.02);
|
|
8
|
+
--color-primary-content: oklch(87.49% 0.037 325.02);
|
|
9
|
+
--color-secondary: oklch(53.92% 0.162 241.36);
|
|
10
|
+
--color-secondary-content: oklch(90.784% 0.032 241.36);
|
|
11
|
+
--color-accent: oklch(75.98% 0.204 56.72);
|
|
12
|
+
--color-accent-content: oklch(15.196% 0.04 56.72);
|
|
13
|
+
--color-neutral: oklch(27.807% 0.029 256.847);
|
|
14
|
+
--color-neutral-content: oklch(85.561% 0.005 256.847);
|
|
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-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 1;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(20.84% 0.008 17.911)","--color-base-200":"oklch(18.522% 0.007 17.911)","--color-base-300":"oklch(16.203% 0.007 17.911)","--color-base-content":"oklch(83.768% 0.001 17.911)","--color-primary":"oklch(68.628% 0.185 148.958)","--color-primary-content":"oklch(0% 0 0)","--color-secondary":"oklch(69.776% 0.135 168.327)","--color-secondary-content":"oklch(13.955% 0.027 168.327)","--color-accent":"oklch(70.628% 0.119 185.713)","--color-accent-content":"oklch(14.125% 0.023 185.713)","--color-neutral":"oklch(30.698% 0.039 171.364)","--color-neutral-content":"oklch(86.139% 0.007 171.364)","--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-selector":"1rem","--radius-field":"2rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
package/theme/forest.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=forest]:checked),[data-theme="forest"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
--color-base-100: oklch(20.84% 0.008 17.911);
|
|
4
|
+
--color-base-200: oklch(18.522% 0.007 17.911);
|
|
5
|
+
--color-base-300: oklch(16.203% 0.007 17.911);
|
|
6
|
+
--color-base-content: oklch(83.768% 0.001 17.911);
|
|
7
|
+
--color-primary: oklch(68.628% 0.185 148.958);
|
|
8
|
+
--color-primary-content: oklch(0% 0 0);
|
|
9
|
+
--color-secondary: oklch(69.776% 0.135 168.327);
|
|
10
|
+
--color-secondary-content: oklch(13.955% 0.027 168.327);
|
|
11
|
+
--color-accent: oklch(70.628% 0.119 185.713);
|
|
12
|
+
--color-accent-content: oklch(14.125% 0.023 185.713);
|
|
13
|
+
--color-neutral: oklch(30.698% 0.039 171.364);
|
|
14
|
+
--color-neutral-content: oklch(86.139% 0.007 171.364);
|
|
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-selector: 1rem;
|
|
24
|
+
--radius-field: 2rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"light","--color-base-100":"oklch(92.951% 0.002 17.197)","--color-base-200":"oklch(86.445% 0.002 17.197)","--color-base-300":"oklch(79.938% 0.001 17.197)","--color-base-content":"oklch(16.961% 0.001 17.32)","--color-primary":"oklch(62.45% 0.278 3.836)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(48.495% 0.11 355.095)","--color-secondary-content":"oklch(89.699% 0.022 355.095)","--color-accent":"oklch(56.273% 0.054 154.39)","--color-accent-content":"oklch(100% 0 0)","--color-neutral":"oklch(24.155% 0.049 89.07)","--color-neutral-content":"oklch(92.951% 0.002 17.197)","--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-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
package/theme/garden.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=garden]:checked),[data-theme="garden"] {
|
|
2
|
+
color-scheme: light;
|
|
3
|
+
--color-base-100: oklch(92.951% 0.002 17.197);
|
|
4
|
+
--color-base-200: oklch(86.445% 0.002 17.197);
|
|
5
|
+
--color-base-300: oklch(79.938% 0.001 17.197);
|
|
6
|
+
--color-base-content: oklch(16.961% 0.001 17.32);
|
|
7
|
+
--color-primary: oklch(62.45% 0.278 3.836);
|
|
8
|
+
--color-primary-content: oklch(100% 0 0);
|
|
9
|
+
--color-secondary: oklch(48.495% 0.11 355.095);
|
|
10
|
+
--color-secondary-content: oklch(89.699% 0.022 355.095);
|
|
11
|
+
--color-accent: oklch(56.273% 0.054 154.39);
|
|
12
|
+
--color-accent-content: oklch(100% 0 0);
|
|
13
|
+
--color-neutral: oklch(24.155% 0.049 89.07);
|
|
14
|
+
--color-neutral-content: oklch(92.951% 0.002 17.197);
|
|
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-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(21% 0.006 56.043)","--color-base-200":"oklch(14% 0.004 49.25)","--color-base-300":"oklch(0% 0 0)","--color-base-content":"oklch(84.955% 0 0)","--color-primary":"oklch(77.48% 0.204 60.62)","--color-primary-content":"oklch(19.693% 0.004 196.779)","--color-secondary":"oklch(45.98% 0.248 305.03)","--color-secondary-content":"oklch(89.196% 0.049 305.03)","--color-accent":"oklch(64.8% 0.223 136.073)","--color-accent-content":"oklch(0% 0 0)","--color-neutral":"oklch(24.371% 0.046 65.681)","--color-neutral-content":"oklch(84.874% 0.009 65.681)","--color-info":"oklch(54.615% 0.215 262.88)","--color-info-content":"oklch(90.923% 0.043 262.88)","--color-success":"oklch(62.705% 0.169 149.213)","--color-success-content":"oklch(12.541% 0.033 149.213)","--color-warning":"oklch(66.584% 0.157 58.318)","--color-warning-content":"oklch(13.316% 0.031 58.318)","--color-error":"oklch(65.72% 0.199 27.33)","--color-error-content":"oklch(13.144% 0.039 27.33)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=halloween]:checked),[data-theme="halloween"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
--color-base-100: oklch(21% 0.006 56.043);
|
|
4
|
+
--color-base-200: oklch(14% 0.004 49.25);
|
|
5
|
+
--color-base-300: oklch(0% 0 0);
|
|
6
|
+
--color-base-content: oklch(84.955% 0 0);
|
|
7
|
+
--color-primary: oklch(77.48% 0.204 60.62);
|
|
8
|
+
--color-primary-content: oklch(19.693% 0.004 196.779);
|
|
9
|
+
--color-secondary: oklch(45.98% 0.248 305.03);
|
|
10
|
+
--color-secondary-content: oklch(89.196% 0.049 305.03);
|
|
11
|
+
--color-accent: oklch(64.8% 0.223 136.073);
|
|
12
|
+
--color-accent-content: oklch(0% 0 0);
|
|
13
|
+
--color-neutral: oklch(24.371% 0.046 65.681);
|
|
14
|
+
--color-neutral-content: oklch(84.874% 0.009 65.681);
|
|
15
|
+
--color-info: oklch(54.615% 0.215 262.88);
|
|
16
|
+
--color-info-content: oklch(90.923% 0.043 262.88);
|
|
17
|
+
--color-success: oklch(62.705% 0.169 149.213);
|
|
18
|
+
--color-success-content: oklch(12.541% 0.033 149.213);
|
|
19
|
+
--color-warning: oklch(66.584% 0.157 58.318);
|
|
20
|
+
--color-warning-content: oklch(13.316% 0.031 58.318);
|
|
21
|
+
--color-error: oklch(65.72% 0.199 27.33);
|
|
22
|
+
--color-error-content: oklch(13.144% 0.039 27.33);
|
|
23
|
+
--radius-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 1;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
package/theme/index.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { plugin } from "../functions/plugin.js"
|
|
2
|
+
import allThemes from "./object.js"
|
|
3
|
+
|
|
4
|
+
export default plugin.withOptions((options = {}) => {
|
|
5
|
+
return ({ addBase }) => {
|
|
6
|
+
const {
|
|
7
|
+
name = "custom-theme",
|
|
8
|
+
default: isDefault = false,
|
|
9
|
+
prefersdark = false,
|
|
10
|
+
"color-scheme": colorScheme = "normal",
|
|
11
|
+
root = ":root",
|
|
12
|
+
...customThemeTokens
|
|
13
|
+
} = options
|
|
14
|
+
|
|
15
|
+
let selector = `${root}:has(input.theme-controller[value=${name}]:checked),[data-theme="${name}"]`
|
|
16
|
+
if (isDefault) {
|
|
17
|
+
selector = `:where(${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], // Use the configurable root option here
|
|
42
|
+
},
|
|
43
|
+
})
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
addBase(baseStyles)
|
|
47
|
+
}
|
|
48
|
+
})
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"light","--color-base-100":"oklch(98.71% 0.02 123.72)","--color-base-200":"oklch(91.8% 0.018 123.72)","--color-base-300":"oklch(84.89% 0.017 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.039 134.6)","--color-secondary":"oklch(77.75% 0.196 111.09)","--color-secondary-content":"oklch(15.55% 0.039 111.09)","--color-accent":"oklch(85.39% 0.201 100.73)","--color-accent-content":"oklch(17.078% 0.04 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.009 224.14)","--color-success":"oklch(86.19% 0.047 157.85)","--color-success-content":"oklch(17.238% 0.009 157.85)","--color-warning":"oklch(86.19% 0.047 102.15)","--color-warning-content":"oklch(17.238% 0.009 102.15)","--color-error":"oklch(86.19% 0.047 25.85)","--color-error-content":"oklch(17.238% 0.009 25.85)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
|
@@ -0,0 +1,31 @@
|
|
|
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.8% 0.018 123.72);
|
|
5
|
+
--color-base-300: oklch(84.89% 0.017 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.039 134.6);
|
|
9
|
+
--color-secondary: oklch(77.75% 0.196 111.09);
|
|
10
|
+
--color-secondary-content: oklch(15.55% 0.039 111.09);
|
|
11
|
+
--color-accent: oklch(85.39% 0.201 100.73);
|
|
12
|
+
--color-accent-content: oklch(17.078% 0.04 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.009 224.14);
|
|
17
|
+
--color-success: oklch(86.19% 0.047 157.85);
|
|
18
|
+
--color-success-content: oklch(17.238% 0.009 157.85);
|
|
19
|
+
--color-warning: oklch(86.19% 0.047 102.15);
|
|
20
|
+
--color-warning-content: oklch(17.238% 0.009 102.15);
|
|
21
|
+
--color-error: oklch(86.19% 0.047 25.85);
|
|
22
|
+
--color-error-content: oklch(17.238% 0.009 25.85);
|
|
23
|
+
--radius-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(98% 0 0)","--color-base-300":"oklch(95% 0 0)","--color-base-content":"oklch(21% 0.006 285.885)","--color-primary":"oklch(45% 0.24 277.023)","--color-primary-content":"oklch(93% 0.034 272.788)","--color-secondary":"oklch(65% 0.241 354.308)","--color-secondary-content":"oklch(94% 0.028 342.258)","--color-accent":"oklch(77% 0.152 181.912)","--color-accent-content":"oklch(38% 0.063 188.416)","--color-neutral":"oklch(14% 0.005 285.823)","--color-neutral-content":"oklch(92% 0.004 286.32)","--color-info":"oklch(74% 0.16 232.661)","--color-info-content":"oklch(29% 0.066 243.157)","--color-success":"oklch(76% 0.177 163.223)","--color-success-content":"oklch(37% 0.077 168.94)","--color-warning":"oklch(82% 0.189 84.429)","--color-warning-content":"oklch(41% 0.112 45.904)","--color-error":"oklch(71% 0.194 13.428)","--color-error-content":"oklch(27% 0.105 12.094)","--radius-selector":"0.5rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"};
|
package/theme/light.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
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(98% 0 0);
|
|
5
|
+
--color-base-300: oklch(95% 0 0);
|
|
6
|
+
--color-base-content: oklch(21% 0.006 285.885);
|
|
7
|
+
--color-primary: oklch(45% 0.24 277.023);
|
|
8
|
+
--color-primary-content: oklch(93% 0.034 272.788);
|
|
9
|
+
--color-secondary: oklch(65% 0.241 354.308);
|
|
10
|
+
--color-secondary-content: oklch(94% 0.028 342.258);
|
|
11
|
+
--color-accent: oklch(77% 0.152 181.912);
|
|
12
|
+
--color-accent-content: oklch(38% 0.063 188.416);
|
|
13
|
+
--color-neutral: oklch(14% 0.005 285.823);
|
|
14
|
+
--color-neutral-content: oklch(92% 0.004 286.32);
|
|
15
|
+
--color-info: oklch(74% 0.16 232.661);
|
|
16
|
+
--color-info-content: oklch(29% 0.066 243.157);
|
|
17
|
+
--color-success: oklch(76% 0.177 163.223);
|
|
18
|
+
--color-success-content: oklch(37% 0.077 168.94);
|
|
19
|
+
--color-warning: oklch(82% 0.189 84.429);
|
|
20
|
+
--color-warning-content: oklch(41% 0.112 45.904);
|
|
21
|
+
--color-error: oklch(71% 0.194 13.428);
|
|
22
|
+
--color-error-content: oklch(27% 0.105 12.094);
|
|
23
|
+
--radius-selector: 0.5rem;
|
|
24
|
+
--radius-field: 0.25rem;
|
|
25
|
+
--radius-box: 0.5rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 1;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(97% 0 0)","--color-base-300":"oklch(94% 0 0)","--color-base-content":"oklch(0% 0 0)","--color-primary":"oklch(15.906% 0 0)","--color-primary-content":"oklch(100% 0 0)","--color-secondary":"oklch(21.455% 0.001 17.278)","--color-secondary-content":"oklch(100% 0 0)","--color-accent":"oklch(26.861% 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.02 205.9)","--color-success":"oklch(90.13% 0.153 164.14)","--color-success-content":"oklch(18.026% 0.03 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-selector":"2rem","--radius-field":"0.25rem","--radius-box":"0.5rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|
package/theme/lofi.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
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(97% 0 0);
|
|
5
|
+
--color-base-300: oklch(94% 0 0);
|
|
6
|
+
--color-base-content: oklch(0% 0 0);
|
|
7
|
+
--color-primary: oklch(15.906% 0 0);
|
|
8
|
+
--color-primary-content: oklch(100% 0 0);
|
|
9
|
+
--color-secondary: oklch(21.455% 0.001 17.278);
|
|
10
|
+
--color-secondary-content: oklch(100% 0 0);
|
|
11
|
+
--color-accent: oklch(26.861% 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.02 205.9);
|
|
17
|
+
--color-success: oklch(90.13% 0.153 164.14);
|
|
18
|
+
--color-success-content: oklch(18.026% 0.03 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-selector: 2rem;
|
|
24
|
+
--radius-field: 0.25rem;
|
|
25
|
+
--radius-box: 0.5rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 0;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(14.076% 0.004 285.822)","--color-base-200":"oklch(20.219% 0.004 308.229)","--color-base-300":"oklch(23.219% 0.004 308.229)","--color-base-content":"oklch(75.687% 0.123 76.89)","--color-primary":"oklch(100% 0 0)","--color-primary-content":"oklch(20% 0 0)","--color-secondary":"oklch(27.581% 0.064 261.069)","--color-secondary-content":"oklch(85.516% 0.012 261.069)","--color-accent":"oklch(36.674% 0.051 338.825)","--color-accent-content":"oklch(87.334% 0.01 338.825)","--color-neutral":"oklch(24.27% 0.057 59.825)","--color-neutral-content":"oklch(93.203% 0.089 90.861)","--color-info":"oklch(79.061% 0.121 237.133)","--color-info-content":"oklch(15.812% 0.024 237.133)","--color-success":"oklch(78.119% 0.192 132.154)","--color-success-content":"oklch(15.623% 0.038 132.154)","--color-warning":"oklch(86.127% 0.136 102.891)","--color-warning-content":"oklch(17.225% 0.027 102.891)","--color-error":"oklch(71.753% 0.176 22.568)","--color-error-content":"oklch(14.35% 0.035 22.568)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"1","--noise":"0"};
|
package/theme/luxury.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
:root:has(input.theme-controller[value=luxury]:checked),[data-theme="luxury"] {
|
|
2
|
+
color-scheme: dark;
|
|
3
|
+
--color-base-100: oklch(14.076% 0.004 285.822);
|
|
4
|
+
--color-base-200: oklch(20.219% 0.004 308.229);
|
|
5
|
+
--color-base-300: oklch(23.219% 0.004 308.229);
|
|
6
|
+
--color-base-content: oklch(75.687% 0.123 76.89);
|
|
7
|
+
--color-primary: oklch(100% 0 0);
|
|
8
|
+
--color-primary-content: oklch(20% 0 0);
|
|
9
|
+
--color-secondary: oklch(27.581% 0.064 261.069);
|
|
10
|
+
--color-secondary-content: oklch(85.516% 0.012 261.069);
|
|
11
|
+
--color-accent: oklch(36.674% 0.051 338.825);
|
|
12
|
+
--color-accent-content: oklch(87.334% 0.01 338.825);
|
|
13
|
+
--color-neutral: oklch(24.27% 0.057 59.825);
|
|
14
|
+
--color-neutral-content: oklch(93.203% 0.089 90.861);
|
|
15
|
+
--color-info: oklch(79.061% 0.121 237.133);
|
|
16
|
+
--color-info-content: oklch(15.812% 0.024 237.133);
|
|
17
|
+
--color-success: oklch(78.119% 0.192 132.154);
|
|
18
|
+
--color-success-content: oklch(15.623% 0.038 132.154);
|
|
19
|
+
--color-warning: oklch(86.127% 0.136 102.891);
|
|
20
|
+
--color-warning-content: oklch(17.225% 0.027 102.891);
|
|
21
|
+
--color-error: oklch(71.753% 0.176 22.568);
|
|
22
|
+
--color-error-content: oklch(14.35% 0.035 22.568);
|
|
23
|
+
--radius-selector: 1rem;
|
|
24
|
+
--radius-field: 0.5rem;
|
|
25
|
+
--radius-box: 1rem;
|
|
26
|
+
--size-selector: 0.25rem;
|
|
27
|
+
--size-field: 0.25rem;
|
|
28
|
+
--border: 1px;
|
|
29
|
+
--depth: 1;
|
|
30
|
+
--noise: 0;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default {"color-scheme":"dark","--color-base-100":"oklch(20.768% 0.039 265.754)","--color-base-200":"oklch(19.314% 0.037 265.754)","--color-base-300":"oklch(17.86% 0.034 265.754)","--color-base-content":"oklch(84.153% 0.007 265.754)","--color-primary":"oklch(75.351% 0.138 232.661)","--color-primary-content":"oklch(15.07% 0.027 232.661)","--color-secondary":"oklch(68.011% 0.158 276.934)","--color-secondary-content":"oklch(13.602% 0.031 276.934)","--color-accent":"oklch(72.36% 0.176 350.048)","--color-accent-content":"oklch(14.472% 0.035 350.048)","--color-neutral":"oklch(27.949% 0.036 260.03)","--color-neutral-content":"oklch(85.589% 0.007 260.03)","--color-info":"oklch(68.455% 0.148 237.251)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(78.452% 0.132 181.911)","--color-success-content":"oklch(15.69% 0.026 181.911)","--color-warning":"oklch(83.242% 0.139 82.95)","--color-warning-content":"oklch(16.648% 0.027 82.95)","--color-error":"oklch(71.785% 0.17 13.118)","--color-error-content":"oklch(14.357% 0.034 13.118)","--radius-selector":"1rem","--radius-field":"0.5rem","--radius-box":"1rem","--size-selector":"0.25rem","--size-field":"0.25rem","--border":"1px","--depth":"0","--noise":"0"};
|