Never struggle with finding beautiful themes for shadcn again

[OrelsProjects]

Hey all 👋

As I was struggling with finding beautiful, hand picked themes for my shadcn styling.
I decided to take matters into my own hands and build a tool that has dozens of beautiful palettes, the shadcn way.

https://www.shadcn.studio/

Enjoy, completely free!

Let me know what you think :)

[bookwormapp2]

Wow, well done.
Exactly what I needed.

The 100% generator is extreme 😅

[OrelsProjects]

Then I did a good job :)

[MithrilMan]

Nice idea!
I'm new to shadcn but from a brief look it seems your theme lacks support for some components (e.g. the sidebar ins't styled)

[MithrilMan]

May be beacause I'm into the library just since few days but I'm pretty sure that when I added the sidebar component in my solution (I use the CLI to add components I need one by one) it added this styles to my index.scss:

--sidebar-background: 0 0% 98%;
--sidebar-foreground: 240 5.3% 26.1%;
--sidebar-primary: 240 5.9% 10%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 240 4.8% 95.9%;
--sidebar-accent-foreground: 240 5.9% 10%;
--sidebar-border: 220 13% 91%;
--sidebar-ring: 217.2 91.2% 59.8%;

Btw this is missing on the official theme builder in the official shadcn-ui website

[MithrilMan]

Ok I see the documentation explicitly talks about sidebar theming here:
https://ui.shadcn.com/docs/components/sidebar#theming

While I agree sidebar shouldn't probaby use the same primary/secondary color, I think should be included in the theming tool (talking about the official one, and yours of course if you please so)

[OrelsProjects]

Got it!

I added it :)
go ahead and check it out, let me know what you think!

https://www.shadcn.studio

[MithrilMan]

nice, since I know how much feedback is importants and how much makes happy the developer, here some others:

Improve selection clues (Usability)
It's not clear which theme I've selected, either make it clear in the dialog (e.g. highlight selected theme) or write it somewhere (the app header is almost empty so could be a candidate)

Some themed sidebar have contrast problems, e.g. select the DaisyUI Lemonade theme and look at the sidebar (hint, the icon on the top isn't visible because of lack of contrast)
e.g. dark theme

light theme

that problem is visible on different themes and sometimes only in one variant (e.g. this dark ByteDispute)

good job

[OrelsProjects]

@MithrilMan I appreciate the feedback. I love it.

The selected theme visibility is important, I agree. I added it to the header.

(It's fixed for all themes, shared the specific ones you shared as problematic :))

Let me know what you think.

And again, thank you man 👍

[OrelsProjects]

Improved the UI :)
Enjoy!

[OrelsProjects]

Some of the themes had problems with light mode.
Fixed :)

[vhfferreira]

Thanks. Great work!

[andrewmkon]

What's interesting is that it's impossible to find Material Design theme for shadcn on the internet, and your theme collection lacks it as well.

[OrelsProjects]

Great point! I will add it :)

[kamami]

Just FYI