⚠️ Mobile is not supported yet.

Command Palette

Search for a command to run...

[Explore]
[Search]
[Saved]

Terms of Service Privacy Policy

SmoothUI Blue – shadcn/ui Theme by smoothui | shadcnregistry

Registries
smoothui
SmoothUI Blue

SmoothUI Blue

theme

SmoothUI Blue theme: smooth neutral scale with a blue accent, light and dark mode included.

Provided by smoothui

Open in https://v0.dev/Open in

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://smoothui.dev/r/theme-blue.json"

Files

No files found

Styles

Light Mode

--accent:

oklch(0.67 0.17 257.78)

--accent-foreground:

oklch(1 0 0)

--background:

oklch(0.99 0 0)

--border:

oklch(0.91 0 0)

--card:

oklch(0.99 0 0)

--card-foreground:

oklch(0.22 0 0)

--chart-1:

oklch(0.67 0.17 257.78)

--chart-2:

oklch(0.59 0.21 258.02)

--chart-3:

oklch(0.56 0 0)

--chart-4:

oklch(0.74 0 0)

--chart-5:

oklch(0.865 0 0)

--destructive:

oklch(0.577 0.245 27.325)

--foreground:

oklch(0.22 0 0)

--input:

oklch(0.66 0 0)

--muted:

oklch(0.945 0 0)

--muted-foreground:

oklch(0.56 0 0)

--popover:

oklch(0.99 0 0)

--popover-foreground:

oklch(0.22 0 0)

--primary:

oklch(0.972 0 0)

--primary-foreground:

oklch(0.36 0 0)

--ring:

oklch(0.67 0.17 257.78)

--secondary:

oklch(0.945 0 0)

--secondary-foreground:

oklch(0.47 0 0)

--sidebar:

oklch(0.972 0 0)

--sidebar-accent:

oklch(0.945 0 0)

--sidebar-accent-foreground:

oklch(0.47 0 0)

--sidebar-border:

oklch(0.865 0 0)

--sidebar-foreground:

oklch(0.22 0 0)

--sidebar-primary:

oklch(0.67 0.17 257.78)

--sidebar-primary-foreground:

oklch(1 0 0)

--sidebar-ring:

oklch(0.67 0.17 257.78)

--radius:

0.625rem

Dark Mode

--accent:

oklch(0.67 0.17 257.78)

--accent-foreground:

oklch(1 0 0)

--background:

oklch(0.2 0 0)

--border:

oklch(0.315 0 0)

--card:

oklch(0.2 0 0)

--card-foreground:

oklch(0.96 0 0)

--chart-1:

oklch(0.67 0.17 257.78)

Theme

--font-sans:

Inter, sans-serif

CSS

No CSS found.

--chart-2:

oklch(0.59 0.21 258.02)

--chart-3:

oklch(0.66 0 0)

--chart-4:

oklch(0.47 0 0)

--chart-5:

oklch(0.36 0 0)

--destructive:

oklch(0.704 0.191 22.216)

--foreground:

oklch(0.96 0 0)

--input:

oklch(0.55 0 0)

--muted:

oklch(0.275 0 0)

--muted-foreground:

oklch(0.66 0 0)

--popover:

oklch(0.2 0 0)

--popover-foreground:

oklch(0.96 0 0)

--primary:

oklch(0.235 0 0)

--primary-foreground:

oklch(0.85 0 0)

--ring:

oklch(0.67 0.17 257.78)

--secondary:

oklch(0.275 0 0)

--secondary-foreground:

oklch(0.74 0 0)

--sidebar:

oklch(0.235 0 0)

--sidebar-accent:

oklch(0.275 0 0)

--sidebar-accent-foreground:

oklch(0.74 0 0)

--sidebar-border:

oklch(0.36 0 0)

--sidebar-foreground:

oklch(0.96 0 0)

--sidebar-primary:

oklch(0.67 0.17 257.78)

--sidebar-primary-foreground:

oklch(1 0 0)

--sidebar-ring:

oklch(0.67 0.17 257.78)