1$name: "dark";
 2$variant: dark;
 3
 4@mixin theme-colors {
 5  --color-base-100: oklch(15% 0.01 300);
 6  --color-base-200: oklch(20% 0.01 275);
 7  --color-base-300: oklch(30% 0.01 250);
 8  --color-base-content: oklch(95% 0.005 225);
 9  --color-primary: oklch(55% 0.07 240);
10  --color-primary-content: oklch(95% 0.05 225);
11  --color-success: oklch(50% 0.15 160);
12  --color-success-content: oklch(99% 0.05 160);
13  --color-warning: oklch(55% 0.175 70);
14  --color-warning-content: oklch(99% 0.075 60);
15  --color-error: oklch(50% 0.15  30);
16  --color-error-content: oklch(95% 0.1  30);
17}
18
19[data-theme="#{$name}"] {
20  color-scheme: $variant;
21  @include theme-colors;
22}