Skip to content

feat(theme): warm coffee-brown dark mode + temporary playground disable - #53

Merged
Bissbert merged 1 commit into
mainfrom
feature/dark-mode
Jul 15, 2026
Merged

feat(theme): warm coffee-brown dark mode + temporary playground disable#53
Bissbert merged 1 commit into
mainfrom
feature/dark-mode

Conversation

@Bissbert

Copy link
Copy Markdown
Contributor

Summary

  • Site-wide dark theme derived from the jewlarray.ch sister-site palette (OKLCH coffee surface ramp + cream text scale), data-theme/localStorage mechanism with prefers-color-scheme default and no-FOUC inline script
  • Header + mobile theme toggle (aria-pressed, reduced-motion aware)
  • Crystal-blue accents retuned for dark, gem badges as alpha tints, cream inverse footer band
  • Crystal SVGs on permanent light specimen plates; Monaco editor follows theme live
  • Full WCAG AA contrast audit — all measured failures fixed (worst 1.42:1 -> 8.17:1); light mode pixel-identical
  • Fixes: cross-theme details-collapse bug on tools pages, prose-override repainting docs buttons
  • CDL playground temporarily disabled behind PLAYGROUND_ENABLED flag (all 15 entry points gated, /playground serves a noindex unavailable notice)
  • docs/dark-mode.md documents the token system

Test plan

  • npm test
  • npm run build
  • Manual light/dark toggle pass across tools, docs, quiz, gallery, playground-disabled notice

- Site-wide dark theme derived from the jewlarray.ch sister-site palette (OKLCH coffee surface ramp + cream text scale), data-theme/localStorage mechanism with prefers-color-scheme default and no-FOUC inline script
- Header + mobile theme toggle (aria-pressed, reduced-motion aware)
- Crystal-blue accents retuned for dark, gem badges as alpha tints, cream inverse footer band
- Crystal SVGs on permanent light specimen plates; Monaco editor follows theme live
- Full WCAG AA contrast audit — all measured failures fixed (worst 1.42:1 -> 8.17:1); light mode pixel-identical
- Fixes: cross-theme details-collapse bug on tools pages, prose-override repainting docs buttons
- CDL playground temporarily disabled behind PLAYGROUND_ENABLED flag (all 15 entry points gated, /playground serves a noindex unavailable notice)
- docs/dark-mode.md documents the token system
@github-actions

Copy link
Copy Markdown

🚀 Preview deployed to: https://8d48f014.gemmology-dev.pages.dev

@Bissbert
Bissbert merged commit 4910780 into main Jul 15, 2026
5 of 6 checks passed
@Bissbert
Bissbert deleted the feature/dark-mode branch July 15, 2026 19:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant