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

Esuiss/theme Suiss – shadcn/ui Theme by registrydirectory | shadcnregistry

Registries
registrydirectory
Esuiss/theme Suiss

Esuiss/theme Suiss

theme

[suiss/ui] The suiss/ui colors for light and dark mode, with the radius scale and the system font stack.

pnpm dlx shadcn@latest add "https://registry.directory/r/esuiss/theme-suiss.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

@fontsource-variable/inter

Light Mode

--radius:

0.625rem

--background:

oklch(1 0 0)

--foreground:

oklch(0.2316 0.0038 286.09)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.2316 0.0038 286.09)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.2316 0.0038 286.09)

--primary:

oklch(0.5629 0.1933 256.16)

--primary-foreground:

oklch(1 0 0)

--secondary:

oklch(0 0 0 / 4%)

--secondary-foreground:

oklch(0.2316 0.0038 286.09)

--muted:

oklch(0.9707 0.0026 286.29)

--muted-foreground:

oklch(0.5399 0.0077 286.13)

--accent:

oklch(0 0 0 / 6%)

--accent-foreground:

oklch(0.2316 0.0038 286.09)

--destructive:

oklch(0.5329 0.2255 27.27)

--border:

oklch(0.8652 0.0068 286.24)

--input:

oklch(0.6217 0.0074 286.17)

--ring:

oklch(0.5629 0.1933 256.16)

--chart-1:

oklch(0.6028 0.2177 257.42)

--chart-2:

oklch(0.6998 0.1109 212.72)

--chart-3:

oklch(0.5295 0.191 278.34)

--chart-4:

oklch(0.7652 0.1752 62.57)

--chart-5:

oklch(0.6483 0.0073 286.18)

--sidebar:

oklch(0.9707 0.0026 286.29)

--sidebar-foreground:

oklch(0.2316 0.0038 286.09)

--sidebar-primary:

oklch(0.5629 0.1933 256.16)

--sidebar-primary-foreground:

oklch(1 0 0)

--sidebar-accent:

oklch(0 0 0 / 6%)

--sidebar-accent-foreground:

oklch(0.2316 0.0038 286.09)

--sidebar-border:

oklch(0.8652 0.0068 286.24)

--sidebar-ring:

oklch(0.5629 0.1933 256.16)

Dark Mode

--background:

oklch(0 0 0)

--foreground:

oklch(0.9707 0.0026 286.29)

--card:

oklch(0.2316 0.0038 286.09)

--card-foreground:

oklch(0.9707 0.0026 286.29)

--popover:

oklch(0.2316 0.0038 286.09)

--popover-foreground:

oklch(0.9707 0.0026 286.29)

--primary:

oklch(0.669 0.1808 251.84)

Theme

--font-sans:

-apple-system, BlinkMacSystemFont, "Inter Variable", sans-serif

--radius-xs:

calc(var(--radius) * 0.3)

--radius-sm:

calc(var(--radius) * 0.5)

--radius-md:

calc(var(--radius) * 0.8)

--radius-lg:

var(--radius)

--radius-xl:

calc(var(--radius) * 1.2)

--radius-2xl:

calc(var(--radius) * 1.8)

--radius-3xl:

calc(var(--radius) * 2.8)

CSS

--primary-foreground:

oklch(1 0 0)

--secondary:

oklch(1 0 0 / 10%)

--secondary-foreground:

oklch(0.9707 0.0026 286.29)

--muted:

oklch(0.2006 0.002 286.21)

--muted-foreground:

oklch(0.7105 0.0072 286.2)

--accent:

oklch(1 0 0 / 10%)

--accent-foreground:

oklch(0.9707 0.0026 286.29)

--destructive:

oklch(0.7033 0.2236 28.29)

--border:

oklch(0.3802 0.005 286.15)

--input:

oklch(0.5399 0.0077 286.13)

--ring:

oklch(0.5629 0.1933 256.16)

--chart-1:

oklch(0.6243 0.2056 255.49)

--chart-2:

oklch(0.7706 0.1181 211.98)

--chart-3:

oklch(0.5564 0.2032 278.15)

--chart-4:

oklch(0.7824 0.1711 67.22)

--chart-5:

oklch(0.6483 0.0073 286.18)

--sidebar:

oklch(0.2006 0.002 286.21)

--sidebar-foreground:

oklch(0.9707 0.0026 286.29)

--sidebar-primary:

oklch(0.669 0.1808 251.84)

--sidebar-primary-foreground:

oklch(1 0 0)

--sidebar-accent:

oklch(1 0 0 / 10%)

--sidebar-accent-foreground:

oklch(0.9707 0.0026 286.29)

--sidebar-border:

oklch(0.3802 0.005 286.15)

--sidebar-ring:

oklch(0.5629 0.1933 256.16)