Colors

Complete color palettes for all 5 themes. Each theme defines colors for both light and dark modes.

🟠 Planetary

Sci-Fi Terminal. Warm amber on dark black.

Dark Mode
bg #09080B
bg-off #131217
text #B3C9D4
text-off #7A8A94
accent #EFA319
Light Mode
bg #FFFBEB
bg-off #F5F0E0
text #09080B
text-off #4A4A4A
accent #D48C0F
Status Colors
success #00FF00
error #FF0000
warning #FFFF00
info #00FFFF
Supplementary
#0080FF
#FF00FF
#8000FF
#80FF00
#00FF80
#FF8000

🏭 Industrial

Tokyo Megacorp / Cyberpunk Dark. Neon red on deep black-blue.

Dark Mode
bg #0A0A0F
bg-off #14141C
text #E0E0E8
text-off #8888A0
accent #FF003C
Light Mode
bg #E8E8EE
bg-off #D0D0D8
text #0A0A0F
text-off #505068
accent #CC0030
Status Colors
success #00FF88
error #FF003C
warning #FFCC00
info #00D4FF
Supplementary
#FF00FF
#8800FF
#FFFFFF

💼 Corporate

Basic, Boring, Professional. Standard blue on neutral grays.

Dark Mode
bg #1C1C1C
bg-off #2A2A2A
text #E5E5E5
text-off #999999
accent #0066CC
Light Mode
bg #FFFFFF
bg-off #F5F5F5
text #333333
text-off #666666
accent #0052A3
Status Colors
success #28A745
error #DC3545
warning #FFC107
info #17A2B8
Supplementary
#6C757D
#343A40

🎖️ Military

Army/Air Force High Contrast. Tactical operations aesthetic.

Dark Mode
bg #0D1008
bg-off #1A1F10
text #E8E4D4
text-off #A8A490
accent #4B8B3B
Light Mode
bg #F0EDE4
bg-off #E0DCC8
text #0D1008
text-off #4A4838
accent #3A6E2D
Status Colors
success #00C853
error #FF3333
warning #FFB800
info #4169E1
Supplementary
#8B4513
#D2691E
#FFFFFF
#000000

👑 Royal

High Contrast Imperial. Gold on deep burgundy-black.

Dark Mode
bg #0D0208
bg-off #1A0812
text #FFFEF8
text-off #C9B8A8
accent #FFD700
Light Mode
bg #FFFEF8
bg-off #F5F2E8
text #0D0208
text-off #5A4A3A
accent #CC9F00
Status Colors
success #228B22
error #DC143C
warning #FFD700
info #4169E1
Supplementary
#8B0000
#4B0082
#FFFFFF
#000080

CSS Token Reference

Use these CSS custom properties in your stylesheets.

Token Description
--color-primary Background color (auto light/dark)
--color-primary-off Secondary background (cards, etc.)
--color-secondary Text color (auto light/dark)
--color-secondary-off Muted/secondary text
--color-accent Accent/highlight color
--color-success Success status
--color-error Error status
--color-warning Warning status
--color-info Info status