Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

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.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants