A theme editor for a product's brand: primary and accent colors with a picker, hex field and presets, an 11-step scale generated from the primary, a live contrast check for text on the brand color, a corner radius slider, and a light and dark preview of real UI that updates as you edit. Copy the CSS variables or save the theme.
pnpm dlx shadcn@latest add "https://reactframe.com/r/brand-color-settings-panel.json"