Next.js Discord

Discord Forum

shadcn/ui sidebar theme

Unanswered
Sun bear posted this in #help-forum
Open in Discord
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

@Sun bear 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
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 Zinc
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%;
@B33fb0n3 > to use a theme provided by shadcn/ui the 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
@Sun bear 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
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?
@B33fb0n3 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!