Theme editor

Edit the 20 CSS custom properties gsxui's components read (mirrors assets/gsxui.css). Paste a tweakcn/shadcn theme's root and dark blocks into Import to try it, or export what you build here as a ready-to-drop-in gsxui.css.

Base

LightDark

--background

--foreground

--card

--card-foreground

--popover

--popover-foreground

Brand

LightDark

--primary

--primary-foreground

--secondary

--secondary-foreground

--accent

--accent-foreground

Feedback

LightDark

--muted

--muted-foreground

--destructive

--destructive-foreground

Structure

LightDark

--border

--input

--ring

--radius

preview only — radius is theme-invariant in exports

Export

Import

Paste a tweakcn/shadcn-style root/dark block of --var: value; pairs.

DefaultSecondaryOutlineDestructive

Profile

Preview restyles live as you edit the tokens.

Name

Accept terms

Heads up

This alert restyles with the tokens above.

Something went wrong

The destructive variant uses --destructive.