Can't change color of included theme.

[parid-programer]

Sorry if this is a stupid question with an obvious answer (I'm a beginner).
When I try to change the secondary color (of the button) with

@import "tailwindcss";
@plugin "daisyui";
@plugin "daisyui/theme" {
  name: "dark";
  default: false;
  --color-secondary: #0a0a0a;
}
@plugin "daisyui/theme" {
  name: "light";
  default: false;
  --color-secondary: #ffffff;
}

nothing happens.

Even when I set the default property to true the button still keeps the default dark theme/light theme colours.

DaisyUI v5.5.14
Code/minimal example: https://play.tailwindcss.com/8ugt5rzIjl?file=css
Tested it on Firefox light & dark mode.

In the docs it said that's all I needed to do.

[pdanpdan]

You are changing both light and dark theme to not be default - so you need to specify what theme you are using

https://play.tailwindcss.com/ZA6N7G2IP1

[parid-programer]

But I prefer the theme of the button to be the theme of the user. For example, if the user chooses dark mode in their browser I prefer the whole page to be in dark mode in vice versa.

[pdanpdan]

Then set which is the prefers dark theme and which is the default: https://play.tailwindcss.com/8FuRexsIlJ?file=css

[parid-programer]

I thought the dark theme had the prefersdark attribute set to true by default. Thank you! It works!