Skip to content
This repository has been archived by the owner on Dec 21, 2024. It is now read-only.

What if I what to use different colors or different theme for apps using shad-cn #39

Open
DarkShark-RAz opened this issue Oct 11, 2024 · 1 comment

Comments

@DarkShark-RAz
Copy link

I have two different apps which use shad-cn as given in your repo. I want to use different color theme in both the apps. I am thinking if we need to make some change with component.json and global.css.

Some help needed on how to do it!!!

@dan5py
Copy link
Owner

dan5py commented Oct 14, 2024

So you want to have two different themes for your apps, right?
In that case you would just need to change the color variables in the globals.css, and you can either do that by using the built-in tool in shadcn website at https://ui.shadcn.com/themes, or you can update those hsl values manually.
You could create two css files, something like theme1.css \ theme2.css and then import them accordingly in your apps.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants