I found your video incredibly helpful, thank you. I have a question though, in your example is possible to change the theme on the same page, I'm struggling to implement this functionality on other page, (ie toggleTheme.tsx) to load on the whole app the moment it changes the color. Currently, the theme updates across the entire app only upon page refresh, rather than dynamically. Do you happen to have a project that addresses this, or could you enlighten me on how to do it?
Good question. You may want to have your theme set up high up in your React tree, and use the Context API to share the theme's setting across pages. react.dev/learn/passing-data-deeply-with-context
well skies. I'm from Nigeria. what if i wanted to use a color palette to randomly selected. anything colors what then do i do ? in your case you only did an array of three colors const colors = ['green', 'yellow', 'red`'] const modes = ['light', 'dark']
I would probably handle this by defining all the colors you want to support, and use JavaScript to handle randomly selecting from the list of colors you support.
Because using the CSS variables allows you to change the themes dynamically. As far as I know, there's not a way to do this in the Tailwind config alone.
