shadcn/ui sidebar theme
Unanswered
Sun bear posted this in #help-forum
Sun bearOP
I would like to change the theme of the Shadcn sidebar to Zinc but I can't find the CSS code for it. Can someone help me? The following page does not give CSS code for the sidebar: https://ui.shadcn.com/themes
8 Replies
you choose the theme, when you install shadcn: https://ui.shadcn.com/docs/installation/next
The theme itself is also a theme that is everywhere the same (as it's defined in once place and not inside the components).
So install shadcn and select
The theme itself is also a theme that is everywhere the same (as it's defined in once place and not inside the components).
So install shadcn and select
Zinc
Sun bearOP
I know, but about the sidebar, the theme is added by installing it
The following theme was customized by me but I would like to use a theme provided by shadcn/ui.
--sidebar-background: 0 0% 3.9%;
--sidebar-foreground: 0 0% 98%;
--sidebar-primary: 0 0% 98%;
--sidebar-primary-foreground: 0 0% 9%;
--sidebar-accent: 0 0% 14.9%;
--sidebar-accent-foreground: 0 0% 98%;
--sidebar-border: 0 0% 14.9%;
--sidebar-ring: 0 0% 83.1%;
to use a theme provided by shadcn/uithe zinc design comes from shadcn 🙂
Sun bearOP
When I say that the sidebar theme was customized by me, I mean that it wasn't these colors originally and that I was the one who went looking for them and modified them one by one based on the colors that shadcn/ui offers
I just wish I didn't have to do this and just copy/paste the theme
ah ok, maybe I don't get your actual issue right now. When you already modified the theme, so it matches for you, why do you want to change it to something, that might not match?
Sun bearOP
Your answer got me thinking and I think I'd rather create my own theme than get one. Thanks for the help!