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

Forest Theme – shadcn/ui Theme by miseui | shadcnregistry

Registries
miseui
Forest Theme

Forest Theme

theme

Deep green. Calm, for health, money and climate. Complete tokens, motion included.

pnpm dlx shadcn@latest add "https://miseui.junsu4621.workers.dev/r/theme-forest.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--radius:

0.75rem

--background:

oklch(0.995 0.0015 160)

--foreground:

oklch(0.21 0.006 160)

--card:

oklch(0.975 0.003 160)

--card-foreground:

oklch(0.21 0.006 160)

--popover:

oklch(0.995 0.0015 160)

--popover-foreground:

oklch(0.21 0.006 160)

--primary:

oklch(0.21 0.006 160)

--primary-foreground:

oklch(0.99 0.0015 160)

--secondary:

oklch(0.955 0.0045 160)

--secondary-foreground:

oklch(0.21 0.006 160)

--muted:

oklch(0.965 0.003 160)

--muted-foreground:

oklch(0.5 0.012 160)

--accent:

oklch(0.955 0.0045 160)

--accent-foreground:

oklch(0.21 0.006 160)

--destructive:

oklch(0.6 0.22 27)

--border:

oklch(0.9 0.0045 160)

--input:

oklch(0.9 0.0045 160)

--mise:

oklch(0.47 0.1 162)

--mise-foreground:

oklch(0.985 0.006 162)

--mise-soft:

oklch(0.94 0.03 162)

--ring:

oklch(0.55 0.1 162)

Dark Mode

--background:

oklch(0.14 0.0075 160)

--foreground:

oklch(0.96 0.003 160)

--card:

oklch(0.19 0.0075 160)

--card-foreground:

oklch(0.96 0.003 160)

--popover:

oklch(0.2 0.0075 160)

--popover-foreground:

oklch(0.96 0.003 160)

--primary:

oklch(0.96 0.003 160)

Theme

--font-display:

"Geist Variable", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif

--ease-mise:

cubic-bezier(0.2, 0, 0, 1)

--ease-mise-out:

cubic-bezier(0.16, 1, 0.3, 1)

--duration-fast:

150ms

--duration-base:

240ms

--duration-slow:

400ms

--color-mise:

var(--mise)

--color-mise-foreground:

var(--mise-foreground)

--color-mise-soft:

var(--mise-soft)

CSS

--primary-foreground:

oklch(0.17 0.006 160)

--secondary:

oklch(0.24 0.0075 160)

--secondary-foreground:

oklch(0.96 0.003 160)

--muted:

oklch(0.22 0.0075 160)

--muted-foreground:

oklch(0.7 0.009 160)

--accent:

oklch(0.26 0.0075 160)

--accent-foreground:

oklch(0.96 0.003 160)

--destructive:

oklch(0.7 0.19 22)

--border:

oklch(1 0 0 / 12%)

--input:

oklch(1 0 0 / 15%)

--mise:

oklch(0.74 0.13 162)

--mise-foreground:

oklch(0.18 0.03 162)

--mise-soft:

oklch(0.3 0.05 162)

--ring:

oklch(0.66 0.12 162)