Dark Mode · V6.1 Preview
Light into dark, hue intact.
Every m558 color has a hue-preserving dark-mode partner. The transform uses OKLab (Björn Ottosson 2020) — perceptually uniform — so a brand's blue stays blue and gold stays gold. Generated by m495 l3_design/design_mode_generator.
How it works
For each color row in a DESIGN.md: sRGB → OKLab → invert L → back to sRGB. Chroma is preserved so accents stay saturated. High-chroma brand tokens (Gold, Pine, Navy) keep their identity — shifting only in lightness dimension. The skill processes a whole DESIGN.md in under 100ms and has been applied to 7 per-project files so far.
LIGHT HOPE family palette
10 colors × 2 modes
Light
Deep Navy
Primary text, hero backgrounds
Dark
Deep Navy
dark partner via OKLab
Light
Navy Blue
Secondary headings, links
Dark
Navy Blue
dark partner via OKLab
Light
Gold
Accents on dark bg
Dark
Gold
dark partner via OKLab
Light
Gold Ink
AA-legal gold for text
Dark
Gold Ink
dark partner via OKLab
Light
Canvas
Page background
Dark
Canvas
dark partner via OKLab
Light
Canvas Dark
Section alternates
Dark
Canvas Dark
dark partner via OKLab
Light
Success
Positive outcomes
Dark
Success
dark partner via OKLab
Light
Warning
Caution states
Dark
Warning
dark partner via OKLab
Light
Error
Error states
Dark
Error
dark partner via OKLab
Light
Muted
Secondary text
Dark
Muted
dark partner via OKLab
Per-project accents
Brand hue preserved across families
Each project's declared primary accent, transformed. Notice how each stays in its hue family — blues stay blue, greens stay green, golds stay gold. HSL inversion would shift hues unpredictably; OKLab keeps them.
m510 Lighthouse Math
Primary Blue
#2563eb
#194bba
CTA
m511 ClearCancer
Pine
#2d8b6e
#055d46
Primary CTA
m388 BostonCulture
Luxury Gold
#c9a227
#4b2f00
Book Now bg
x1000.ai main
Amber
#fbbf24
#3d2a00
View All bg
m556 MemoryBridge
Cobalt Link
#58a6ff
#003c7d
Links
m544 WorldViews
Link Navy
#153042
#9baec2
Active links
Try it on your DESIGN.md
One command, one dark partner.
python3 m495_moltbot_lab/lighthope_skills/l3_domain/l3_design/design_mode_generator/skill.py \ --in design-systems/lighthope/DESIGN.md \ --out design-systems/lighthope/DARK_DESIGN.md # → wrote DARK_DESIGN.md (12 colors transformed, strategy=invert) # Deep Navy #1a2744 → #97a6c5 # Gold #b8963e → #452c00 # Canvas #f7f8fc → #0b0b0d # ...