Difficulty understanding how to configure themes with react router v7 and tailwindcss v4

[zachbohl]

I have setup a project using react router v7, and tailwindcss v4 with vite plugin, and I am not understanding how to configure custom theme colors. I followed the instructions for setup with these libraries and framework. I tried just putting the colors in app.css but it doesn't apply them. shadcn appears to init correctly and components install and are working as expected it is just the theming that i am unclear on.

1. Is a theme provider still required for this configuration or is that handled by the vite plugin?
2. Where should I paste in the custom colors?

After further thought, I believe this is due to the pre-made themes not being in OKLCH format. Not sure if there is an way to change this or indicate a format...

[zachbohl]

I was able to resolve this by wrapping all of the color values in hsl()