How to use Shadcn-ui Themes

On the shadcn-ui home page, you can select multiple themes apart from the basic ones which include

1. Red
2. Rose
3. Green
4. Blue
5. Yellow

And a few others, but when you install shadcn in a project you only get the option to select the basic themes.

To be able to use the above mentioned themes, you have to first select any option.

After installing the basic theme, you can go to the home page and select whichever theme you want to use.
I will be using blue for this example

Click the copy code button after choosing a theme.

After copying the code you have to replace the colors in your globals.css with the newly copied colors

However, nothing seems to be applied. To see the background color you need to add the

dark

property on the body (in case you are using dark mode)
otherwise, your new theme is set correctly