I want to add a button, when a user clicks on it, the DaisyUI primary color get changed, ie. from hsl(var(--p) / var(--tw-text-opacity)) to be another color.
I know I can change it through tailwind.config.js, but I need a dynamic button to do it for me.
Any Help Appreciated.
For the web app I will implement both of dark & light mode, I can add more themes say theme1, theme2 and theme3 that all require light mode only the primary color get changed, but in that case, I have to add a lot of themes for both of light & dark mode that only primary color get changed into a few different colors.
