Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

shadcnthemer.com

Post reply on HN
Print view View original

11–20 of 44 posts

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#11

Post by miketromba »

jzig wrote: post #9

The only changes I see are colors but what if I want eg a different border radius on buttons or margin on labels or specific fonts on elements etc? I don’t find changing only the colors of components particularly valuable but would like to see more variance in the actual shapes and looks of things.

Global border radius is editable, that setting is at the bottom of the sidebar. The challenge with global shadcn theming is that you're limited to adjusting the css variables they provide. I believe there is a global spacing variable, but it is not so specific that you can target e.g. just label spacing. That would be something you could modify directly within your shadcn input components via adjusting the tailwind class(es).

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#13

Post by lavela »

I tried to open different themes in tabs for comparison, but I would have to first open each one and then manually copy the URL into a new tab because you implemented your links as (which prevents both middle-click and 'open in new tab' context menu option to work).

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#15

Post by LoganDark »

slig wrote: post #14
meindnoch wrote: post #12

>Sign in or create an account with your email Into the trash it goes.

That's unfair. You can browse, preview and get the CSS variables without signing up.

Email magic links are dumb. On top of that, forms that don't let you specify whether to login or to create an account are extra dumb. With magic links, one can't log in with just their password manager, and with a stupid combo form, anyone who mis-types or mis-remembers their email address just accidentally created a new account (or a new link that creates an account).

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#16

Post by devilsdata »

LoganDark wrote: post #15
slig wrote: post #14

Earlier quoted context omitted.

That's unfair. You can browse, preview and get the CSS variables without signing up.

Email magic links are dumb. On top of that, forms that don't let you specify whether to login or to create an account are extra dumb. With magic links, one can't log in with just their password manager, and with a stupid combo form, anyone who mis-types or mis-remembers their email address just accidentally created a new account (or a new link that creates an account).

Email magic links are inconvenient for the user, but they're not dumb. They're a pretty good option for a small project by a developer doesn't want to implement a whole auth flow, or pay for an OAuth provider.

It's a tradeoff. If you roll your own password flow, you need to add MFA to be secure. The complexity of what you need to build and maintain goes up.

A simple magic link flow for an app like this, where you are really only likely to log into it once per project you start.

Personally though, I also use a password manager. And I am annoyed enough by email magic links, that any of my personal projects will at least have a passkey implementation.

So I agree they're annoying. But they're definitely not "dumb". They're a tradeoff. This developer has chosen his own time over user convenience; which is a common tradeoff for small developers.

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#20

Post by tacker2000 »

lavela wrote: post #13

I tried to open different themes in tabs for comparison, but I would have to first open each one and then manually copy the URL into a new tab because you implemented your links as (which prevents both middle-click and 'open in new tab' context menu option to work).

Yup, this is the incompetence that we see all over the place since these new frameworks have come and front end devs have no idea what HTML actually is or how it works.

Buttons are for submitting forms and nothing else.

In HTML a link is created using an element.

React has a element for this purpose, it will be rendered as .

Please OP, at least try to learn a little bit about the underlying technologies.

Post reply on HN