Terms of Service Privacy Policy

Registry Health Inspect

Sc1m Design Tokens – shadcn/ui Theme by sc1m | shadcnregistry

Registries
sc1m
Sc1m Design Tokens

Sc1m Design Tokens

theme

sc1m brand tokens and the Tailwind v4 theme contract: semantic colors, radii, shadows, motion, dark mode via the .dark class, and the popup-motion, ai-wash and ai-pulse utilities.

pnpm dlx shadcn@latest add "https://sc1m.vercel.app/r/tokens.json"

Theme

----color-bg:

var(--bg)

----color-surface:

var(--surface)

----color-surface-raised:

var(--surface-raised)

----color-fg:

var(--fg)

----color-fg-muted:

var(--fg-muted)

----color-fg-subtle:

var(--fg-subtle)

----color-line:

var(--line)

----color-line-strong:

var(--line-strong)

----color-accent:

var(--accent)

----color-accent-hover:

var(--accent-hover)

----color-accent-fg:

var(--accent-fg)

----color-highlight:

var(--highlight)

----color-highlight-fg:

var(--highlight-fg)

----color-success:

var(--success)

----color-danger:

var(--danger)

----color-danger-fg:

var(--danger-fg)

----color-info:

var(--info)

----color-warning:

var(--warning)

----color-ring:

var(--ring)

----font-sans:

var(--brand-font-sans, var(--font-geist-sans, ui-sans-serif))

----font-mono:

var(--brand-font-mono, var(--font-geist-mono, ui-monospace))

----radius-sm:

var(--brand-radius-sm, 0.25rem)

----radius-md:

var(--brand-radius-md, 0.375rem)

----radius-lg:

var(--brand-radius-lg, 0.5rem)

----radius-xl:

var(--brand-radius-xl, 0.75rem)

----shadow-raised:

var(--brand-shadow-raised, 0 1px 2px 0 rgb(0 0 0 / 0.05))

----shadow-overlay:

var(--brand-shadow-overlay, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1))

----ease-out-quad:

cubic-bezier(0.25, 0.46, 0.45, 0.94)

----duration-fast:

150ms

CSS