Theme Registry
Each theme declares its goals, design tokens, and a preferred font. The live preview renders inside its own theme context — click the check icon to activate.
Active theme: defaultMUI Default
Stock Material UI with minimal overrides. The safe baseline for any project.
Default font: Public SansGoals
- Zero visual opinion — pure MUI defaults
- Disable button elevation for cleaner look
- Serve as the reference point for comparing other themes
4px (MUI default)
default
mui-default
Sans-serif (Public Sans)
#1976d2 (MUI blue)
#dc004e (MUI pink)
BBG MUI
Minimal Bloomberg influence on stock MUI. Edgy corners and signature orange, but easy to maintain.
Default font: Inter TightGoals
- Bloomberg color palette (orange, cyan, tuned semantics) on MUI defaults
- Zero border-radius everywhere for terminal feel
- Orange focus rings on inputs and selected tabs
- No density changes — safe to adopt without layout regressions
- Prove that a few tweaks can shift the entire mood
0px
default
mui-default
Sans-serif (MUI default)
#1976d2 (MUI blue)
#f0a23a (Bloomberg orange)
BBG Pro
Full-blown Bloomberg Terminal masterpiece. True black canvas, orange as primary, dense layout, total component grammar.
Default font: JetBrains MonoGoals
- Maximum Bloomberg Terminal fidelity — every component override tuned
- True black (#000) canvas with orange as PRIMARY command color
- Cyan for entities/references, blue for nav-selected state
- Dense typography (12px base) and tight component density
- Orange fill on focused inputs and active tabs (not just borders)
- Flat UI — zero shadows, zero border-radius
- Custom CSS variables for surface hierarchy (canvas → panel → section → header)
0px
compact
flat
Sans-serif (Segoe UI / Arial Narrow) — monospace via font switcher
#f0a23a (Bloomberg orange)
#53c7df (Bloomberg cyan)
Claude
Warm, calm intelligence. Terracotta coral on sandstone canvas, soft radius, generous whitespace.
Default font: DM SansGoals
- Anthropic's warm terracotta coral as primary interactive color
- Warm off-white (#FAF7F4) background — never pure white
- Soft border-radius (10px) for approachable, organic feel
- Dark mode stays warm (brown-blacks, not cool grays)
- Calm, reading-optimized spacing — the UI should breathe
10px
default
mui-default
Sans-serif (DM Sans)
#DA7756 (Claude coral)
#7D8B75 (Sage green)
Token Comparison
| Token | MUI Default | BBG MUI | BBG Pro | Claude |
|---|---|---|---|---|
| Border Radius | 4px (MUI default) | 0px | 0px | 10px |
| Density | default | default | compact | default |
| Shadows | mui-default | mui-default | flat | mui-default |
| Font Strategy | Sans-serif (Public Sans) | Sans-serif (MUI default) | Sans-serif (Segoe UI / Arial Narrow) — monospace via font switcher | Sans-serif (DM Sans) |
| Primary Color | #1976d2 (MUI blue) | #1976d2 (MUI blue) | #f0a23a (Bloomberg orange) | #DA7756 (Claude coral) |
| Accent Color | #dc004e (MUI pink) | #f0a23a (Bloomberg orange) | #53c7df (Bloomberg cyan) | #7D8B75 (Sage green) |