Default Shadcn UI has different color especially for dark mode

[yudistiraashadi]

The Problem

So I see a different color, especially for dark mode, when I install a component from Shadcn e.g. a <Button /> using pnpm dlx shadcn@latest add button. I see the problem is the button used in tweakcn is different than the one installed from Shadcn. The one from Shadcn has many more dark mode specific styling using dark:. Any solution for this?

Below are the codes:

Button variant installed from Shadcn:

Button varian in tweakcn from here:

[llanesluis]

Tweakcn provides the tokens for your components to use and get styled based on, the shadcn CLI is the one responsible for instaling the components in the right versions, this might produce different results. Try npx shadcn@latest add ... it should override your component to the latest version, that's the recommended one.