Themes & Presets

Design System

Controls personality — typography, spacing, border radius, shadows, and animations. Switch from minimalist to neo_brutalist and the entire UI changes feel without touching your markup.

LIVEVIEW_CONFIG = {
    'theme': {
        'design_system': 'material',
    }
}

Color Preset

Controls palette — primary, accent, background, foreground, semantic colors. Each preset ships with both light and dark mode tokens. Switch from blue to cyberpunk without touching CSS.

LIVEVIEW_CONFIG = {
    'theme': {
        'preset': 'blue',
    }
}

Google's Material Design with elevation-based hierarchy

Apple's iOS design language with fluid animations

Microsoft's Fluent Design System with depth and motion

Fun, energetic design with bouncy animations and rounded shapes

Professional, clean design for business applications

Compact, information-dense design for data-heavy interfaces

Pure, distraction-free design with maximum content focus

Bold, aggressive design with sharp edges and high contrast

Sophisticated typography with generous spacing and subtle details

Nostalgic pixel-art aesthetic with sharp edges and chunky shadows

Soft, rounded design inspired by natural forms and gentle motion

djust.org brand — dark, professional, with rust orange accents

Warm amber and gold -- control room at midnight

Northern lights -- shifting green-to-violet

Geometric modernist — Itten's triad, Bayer's type, zero decoration

Professional blue -- clean corporate material

Soothing pastel -- elegant dev classic

Terminal hacker -- matrix green, CRT vibes, monospace everything

Dystopian neon -- yellow, magenta, cyan, dark atmospheric

Neutral zinc -- clean, professional, no personality

Pixel-perfect Dracula -- elegant dev classic

Warm coal and fireplace -- cozy warmth

Deep emerald -- warm earth tones, organic shapes

Nature-inspired green -- clean material aesthetic

Retro-warm earthy -- elegant dev classic

Accessibility-first -- bold weight, thick borders, strong depth cues

Sumi ink on washi — calligraphic restraint, vermillion seal, 間 negative space

Pure grayscale -- zero chroma, wide tracking, typographic discipline

D&D fantasy -- medieval serif, warm shadows, adventure feel

Space cosmic -- purple-tinted glow, glass surfaces, dark-first

Film noir meets neon -- piercing pink on true black

Cool arctic -- elegant dev classic

Deep sea -- coastal sky to ocean floor

Energetic orange -- clean material aesthetic

80s retro racing -- hot pink, purple, sunset glow

Sunlit reading — book serif, paper texture, narrow measure, blue-ink accent

Creative purple -- clean material aesthetic

Friendly rose -- clean material aesthetic

Elegant muted pastels -- dev classic

Shadcn-compatible neutral -- clean material aesthetic

Professional neutral -- no-nonsense, clean, focused

Scientifically designed -- elegant dev classic

Optimistic nature -- lush greens and warm amber

Clean fintech — precise typography, colored shadows, generous whitespace

1980s neon -- glowing pink and cyan, dark atmospheric

Vibrant neon -- elegant dev classic

Dark-first productivity — precise typography, tight spacing, purple accent

Warm minimal workspace — serif headings, generous measure, minimal decoration

Monochrome developer-first — single blue accent, no shadows, hairline borders

Developer-standard Primer design — cool blues, readable density, familiar UI

Gold and midnight — geometric elegance, wide tracking, luxury shadows

Warm earth — organic shapes, paper texture, bouncy animations, artisan feel

Monospace everything — green phosphor, zero animation, CRT density

Editorial B&W — thin serif headings, wide tracking, dramatic whitespace

International Typographic Style — strict grid, bold Helvetica, zero decoration

Bright pastels, pill shapes, thick borders, bouncy animations

Amber CRT aesthetic — monospace type, hard shadows, pixel grid

Clean clinical — calming blue, generous readability, form-focused

Conservative traditional serif — muted tones, maximum trust

Ultra-dark purple — glass surfaces, ethereal glows, electric accents

Warm gradient coral to gold — light, airy, optimistic energy

Deep mossy greens, bark browns, dappled-light texture

Data-dense — small type, neutral grays, compact layout, single blue accent

Minimalist dev — clean typography, subtle shadows, smooth transitions

Warm minimalist dev — vibrant accents on warm dark surfaces

Designer's dev theme — softer radius, golden warmth, clean surfaces

Japanese minimalism — serif/sans mix, no shadows, snappy transitions

Gentle dev theme — warm subtle shadows, comfortable spacing

Cosmic dev — glass surfaces, purple-tinted shadows, smooth transitions

Modern utility — semibold headings, subtle shadows, generous spacing

Dev platform — semibold type, emerald accents, clean dark surfaces

macOS-native — system fonts, large radius, gradient surfaces, ease-out motion

Royal blue trust, vermillion energy — enterprise clarity with forward momentum

Neutral zinc theme with professional aesthetics

Shadcn-compatible neutral theme

Professional blue theme for corporate applications

Nature-inspired green theme for growth and sustainability

Creative purple theme for premium applications

Energetic orange theme for warm, engaging interfaces

Friendly rose theme for modern, approachable interfaces

Dark-first Bloomberg Terminal-inspired theme with cyan accents

Soothing pastel theme with warm, muted colors

Elegant, muted pastels inspired by natural pine forests

Vibrant yet soft neon colors inspired by Tokyo at night

Cool, arctic-inspired blue/gray pastels

Iconic 1980s synthwave with glowing neon pink and cyan

Dystopian future with neon yellow, magenta, and cyan

80s retro racing with hot pink, purple, and sunset gradients

Deep emerald greens with warm earth tones

Warm amber & gold — like a control room at midnight

Minimal monochrome — pure focus, no color noise

Deep space — dark slate & violet

djust.org brand — dark with rust orange and Django green accents

Pixel-perfect official palette with Alucard light mode

Retro-warm earthy palette beloved by vim users

The OG scientifically designed contrast palette

Accessibility-first with maximum contrast ratios

Pure grayscale — zero chroma, maximum discipline

Warm coal and fireplace — cozy dark theme

Northern lights — shifting green-to-violet feel

Sumi ink on washi paper — vermillion seal accent, calligraphic restraint

Optimistic nature — lush greens and warm amber, organic shapes

Itten's primary triad on warm paper — geometric, functional, zero decoration

Terminal hacker — matrix green on true black, CRT vibes

Sunlit afternoon reading — cream paper, leather-brown, serif headings, blue-ink links

Film noir meets neon — piercing hot pink on true black

Deep sea gradient depth — coastal sky to ocean floor

Clean fintech — blurple brand, colored shadows, cool precision

Dark-first productivity — purple accent, precise density

Warm minimal workspace — serif headings, generous measure

Monochrome developer-first — single blue accent, zero shadows

Developer-standard Primer design — cool blues, familiar density

Gold and midnight navy — geometric elegance, luxury shadows, 1920s glamour

Warm earth tones — terracotta, sage, mustard, organic shapes, artisan feel

Green phosphor on black — monospace everything, CRT hacker aesthetic

Editorial B&W with thin headings, wide tracking, one red accent

International Typographic Style — Helvetica, strict grid, red+black

Bright pastels, pill shapes, thick borders, bouncy animations

Amber on dark, chunky monospace, pixel aesthetic, hard shadows

Clean clinical — calming blue, generous readability, form-focused

Conservative traditional serif — muted tones, maximum trust

Ultra-dark purple with glass surfaces and ethereal glows

Warm gradient coral to gold — light and airy, optimistic energy

Deep mossy greens, bark browns, dappled-light texture

Data-dense, small type, neutral grays, single blue accent

Atom's iconic warm dark theme with vibrant syntax colors

The legendary Sublime Text palette, vibrant on warm dark

Warm dark with golden accent, the designer's choice

Hokusai's Great Wave — muted Japanese palette with wave blues

Comfortable green on warm dark, protects your eyes

Deep space blueberry — teal and lavender on dark cosmic blue

Cool slate and sky blue, the modern utility aesthetic

Dark emerald developer platform aesthetic

macOS-native aesthetic — ultra-clean system font, purple accents

Royal blue trust with vermillion energy — bold enterprise clarity, forward momentum

'design_system': 'neo_brutalist'
'preset': 'amber'

Neo-Brutalist + Amber — flat corners, hard shadows, warm gold. Bold dashboard aesthetic.

'design_system': 'elegant'
'preset': 'rose_pine'

Elegant + Rosé Pine — serif headings, generous spacing, muted pastels. Premium SaaS.

'design_system': 'dense'
'preset': 'natural20'

Dense + Natural 20 — compact spacing, terminal-style cyan. Data-heavy developer tools.