Skip to main content
Vyniro
Vyniro
Back to Blog
Tutorial

How to Customize Our Dark Themes

James Park 8 min readPublished Jun 4, 2026Updated Aug 15, 2026
How to Customize Our Dark Themes

Every dark theme ships with CSS variables for colors, radii, and spacing. Start by duplicating the theme folder and updating --primary, --background, and --accent.

Step 1: Locate tokens

Open globals.css and note the default token map.

Step 2: Override safely

Prefer token overrides over hard-coded hex values so future updates stay compatible.