auto dark theme applied

[Kens-Jaswal]

Hi,

I upgrade my svelte project with TailwindCSS and DaisyUI both, in daisy ui there is line mentioned to default set Dark theme, what it means I do not configured color variables for dark theme? only light color variables need to add and for dark mode it will convert it self, right ? which is not working...

@plugin "daisyui" {
themes: winter --default, night --prefersdark;
}

here is my app.css:
@import 'tailwindcss';

/* below line is required to activate dark-theme as a css selector */
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));

@config "../../tailwind.config.js";

@plugin "daisyui";

[data-theme='dark'] {
--color-secondary: oklch(79% 0.1022 225.53);
}

@plugin "daisyui/theme" {
name: 'light';
default: true; /* set as default */

--color-primary: oklch(0.74 0.2027 150.29);
--color-primary-content: oklch(1 0 0);
--color-secondary: oklch(0.53 0.154 255.05);
--color-secondary-content: oklch(0.93 0.031 269.82);
--color-accent: oklch(0.78 0.0846 251.59);
--color-accent-content: oklch(0.97 0.0069 247.9);
--color-neutral: oklch(0.39 0.024 262.83);
--color-neutral-content: oklch(0.96 0.0013 106.42);

--color-base-100: oklch(1 0 0);
--color-base-content: oklch(0.28 0.0296 256.85);
--color-base-200: oklch(0.98 0.0017 247.84);
--color-base-300: oklch(0.87 0.0093 258.34);
--color-info: oklch(0.76 0.1374 231.62);
--color-info-content: oklch(1 0 0);
--color-success: oklch(0.77 0.1529 163.1);
--color-success-content: oklch(1 0 0);
--color-warning: oklch(0.83 0.1642 83.42);
--color-warning-content: oklch(1 0 0);
--color-error: oklch(0.71 0.1649 22.15);
--color-error-content: oklch(1 0 0);

/* border radius */
--radius-selector: 0.25rem;
/* --radius-field: 0.5rem; */
/* --radius-box: 0.5rem; */

/* base sizes */
--size-selector: 0.25rem;
--size-field: 0.25rem;
--size-textarea: 4rem;
/* border size */
--border: 1px;

/* effects */
--depth: 1;
--noise: 0;

}

[saadeghi]

Hey.

What is not working exactly?
Can you provide a minimal reproduction link and describe your expected behavior vs current behavior?

[Kens-Jaswal]

what I was doing before I set two "light" and "dark" color variables in tailwindcss with help of [data-theme='light/dark'] I was changing components behaviours...

now what I assume in latest version of daisyUI, I do not need to add 'dark' color variables, only need to add light color then dark color convert it self...which is not woking for me now.

[Kens-Jaswal]

is there any simple way to manage light/dark theme? that all dark colors will be automatically generate...

also when dark mode selected buttons and other elements turns rounded...which should not be happened

[saadeghi]

Please send a minimal reproduction link so I can help.