I'm putting this PR onto your branch in case you want to keep working on it but also feel free to just point it to main and merge it if you have nothing else to add.
Kinda hard to tell that it's working but the background is the correct color and if you add a button or text input then it's red.
I don't even remember exactly what happened, I was just trying everything possible. I switched the style from default to new-york (no clue if this was necessary) which installed a few extra deps. Deleted the shadcn Card component and reinstalled it, it's a slightly different version with new-york. And then added a bunch of code to extend the tailwind colors in tailwind.config.js, this is the big thing. I think it lets tailwind recognize whatever css syntax shadcn generated. There were some extra things with keyframes animation but I left that out, assuming animation won't be part of the themes.
I'm putting this PR onto your branch in case you want to keep working on it but also feel free to just point it to main and merge it if you have nothing else to add.
Kinda hard to tell that it's working but the background is the correct color and if you add a button or text input then it's red.
I don't even remember exactly what happened, I was just trying everything possible. I switched the style from default to new-york (no clue if this was necessary) which installed a few extra deps. Deleted the shadcn Card component and reinstalled it, it's a slightly different version with new-york. And then added a bunch of code to extend the tailwind colors in tailwind.config.js, this is the big thing. I think it lets tailwind recognize whatever css syntax shadcn generated. There were some extra things with keyframes animation but I left that out, assuming animation won't be part of the themes.