1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability

1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability

1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app

Terms of Service Privacy Policy

Registry Health Inspect

Uiable/uiable Preset 12 – shadcn/ui Theme by registrydirectory | shadcnregistry

Registries
registrydirectory
Uiable/uiable Preset 12

Uiable/uiable Preset 12

theme

[UIAble] UIAble preset-12 theme preset

pnpm dlx shadcn@latest add "https://registry.directory/r/uiable/uiable-preset-12.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

rgb(241 246 254)

--foreground:

#131920

--card:

#fff

--cardForeground:

oklch(0.145 0 0)

--popover:

oklch(1 0 0)

--popoverForeground:

oklch(0.145 0 0)

--primary:

rgb(43 127 255)

--primaryForeground:

oklch(0.985 0 0)

--secondary:

oklch(0.97 0 0)

--secondaryForeground:

oklch(0.205 0 0)

--muted:

oklch(0.97 0 0)

--mutedForeground:

oklch(0.556 0 0)

--accent:

rgb(241 246 254)

--accentForeground:

oklch(0.205 0 0)

--destructive:

oklch(0.58 0.22 27)

--border:

#e7eaee

--input:

#fff

--ring:

oklch(0.708 0 0)

--chart1:

rgb(219 234 254)

--chart2:

rgb(142 197 255)

--chart3:

rgb(43 127 255)

--chart4:

rgb(20 71 230)

--chart5:

rgb(28 57 142)

--sidebar:

rgb(241 246 254)

--sidebarForeground:

oklch(0.145 0 0)

--sidebarPrimary:

oklch(0.88 0.0557 266.22)

--sidebarPrimaryForeground:

var(--primary)

--sidebarAccent:

rgb(219 234 254)

--sidebarAccentForeground:

var(--primary)

--sidebarBorder:

oklch(0.8275 0.0157 241.81)

--sidebarRing:

oklch(0.708 0 0)

Dark Mode

--background:

rgb(3 7 13)

--foreground:

#bfbfbf

--card:

rgb(8 15 26)

--cardForeground:

oklch(0.985 0 0)

--popover:

rgb(7 13 23)

--popoverForeground:

oklch(0.985 0 0)

--primary:

rgb(43 127 255)

--primaryForeground:

oklch(0.985 0 0)

--secondary:

oklch(0.269 0 0)

--secondaryForeground:

oklch(0.985 0 0)

--muted:

oklch(0.269 0 0)

--mutedForeground:

oklch(0.708 0 0)

--accent:

rgb(8 15 26)

--accentForeground:

oklch(0.985 0 0)

--destructive:

oklch(0.704 0.191 22.216)

--border:

rgb(142 197 255 / 0.25)

--input:

rgb(8 15 26)

--ring:

oklch(0.556 0 0)

--chart1:

rgb(219 234 254)

--chart2:

rgb(142 197 255)

--chart3:

rgb(43 127 255)

--chart4:

rgb(20 71 230)

--chart5:

rgb(28 57 142)

--sidebar:

var(--background)

--sidebarForeground:

rgba(255, 255, 255, 0.5)

--sidebarPrimary:

oklch(0.488 0.243 264.376)

--sidebarPrimaryForeground:

oklch(0.985 0 0)

--sidebarAccent:

oklch(var(--primary) / 0.1)

--sidebarAccentForeground:

oklch(var(--primary))

--sidebarBorder:

oklch(1 0 0 / 10%)

--sidebarRing:

oklch(0.556 0 0)