Utsuk/Theme Generator
INTERNAL · PREVIEWRegistryTheme GeneratorGitHub
Global Configuration

Theme Generator

Define your global design tokens. All accelerators inherit from this theme unless they specify their own override.

01 — Colours
02 — Typography
03 — Shape
04 — Dark Mode
Enable dark mode
Add a dark colour palette. Activated via prefers-color-scheme or a theme toggle.
Preview — Light Mode
Sign in
to your account
Email address
name@company.com
Continue
or
Continue with Google
Secure
@utsuk/sso
color:#a8c0a0">"color:#5c6a80">// Global theme — add this to the global section of your utsuk.config.ts

theme: {
  colors: {
    primary: color:#a8c0a0">"#6366f1",
    background: color:#a8c0a0">"#ffffff",
    surface: color:#a8c0a0">"#f8fafc",
    accent: color:#a8c0a0">"#f59e0b",
    text: color:#a8c0a0">"#0f172a",
    textMuted: color:#a8c0a0">"#64748b",
    border: color:#a8c0a0">"#e2e8f0",
    error: color:#a8c0a0">"#ef4444",
  },
  borderRadius: color:#a8c0a0">"8px",
  fontFamily: color:#a8c0a0">"Inter, sans-serif",
},