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

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

'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.