Themes

Slide-CN uses the shadcn theming system — themes are just sets of CSS variables applied to :root and .dark. Install a theme the same way you install any other registry item.

Each theme defines three background tokens (--background, --background-2, --background-3) that the gradient background components use to build the slide gradient, plus the full set of shadcn color tokens for light and dark mode.

pnpm dlx shadcn@latest add @slide-cn/sky-theme

npx shadcn@latest add @slide-cn/sky-theme

yarn dlx shadcn@latest add @slide-cn/sky-theme

bunx --bun shadcn@latest add @slide-cn/sky-theme