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)
MUI Template
Direct port of MUI's official dashboard/CRUD template theme — the full component grammar the MUI team ships in its own store templates.
Default font: Inter TightGoals
- Faithful port of the official MUI dashboard/CRUD template palette and overrides
- Brand blue primary with a full 50–900 gray/brand/semantic color ramp
- 8px border radius, MUI default shadows with a single custom elevation-1
- Every core Material component themed: inputs, data display, feedback, navigation, surfaces
- CRUD-dashboard form and sidebar refinements (compact FormControl spacing, Drawer selected-state color)
8px
default
mui-default
Sans-serif (Inter)
hsl(210, 98%, 48%) (MUI brand blue)
hsl(45, 90%, 40%) (warning amber)
Token Comparison
| Token | MUI Default | BBG MUI | BBG Pro | Claude | MUI Template |
|---|---|---|---|---|---|
| Border Radius | 4px (MUI default) | 0px | 0px | 10px | 8px |
| Density | default | default | compact | default | default |
| Shadows | mui-default | mui-default | flat | mui-default | 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) | Sans-serif (Inter) |
| Primary Color | #1976d2 (MUI blue) | #1976d2 (MUI blue) | #f0a23a (Bloomberg orange) | #DA7756 (Claude coral) | hsl(210, 98%, 48%) (MUI brand blue) |
| Accent Color | #dc004e (MUI pink) | #f0a23a (Bloomberg orange) | #53c7df (Bloomberg cyan) | #7D8B75 (Sage green) | hsl(45, 90%, 40%) (warning amber) |