Files
Miranda Limonczenko 74415dd1de fix(ui-patterns): give the shared code block theme a real light palette
monokaiCustomTheme took an isDarkMode flag but only used it for the foreground
and comment colors. Every other token was shared, so the dark palette was also
being painted on light backgrounds.

Measured on white, all below the 4.5:1 minimum:

  #66d9ef  hljs-code                       1.65:1
  #3ECF8E  14 entity tokens                2.00:1
  #569cd6  6 keyword tokens                2.95:1
  #bf79db  attribute, symbol, regexp, link 3.01:1
  #888888  hljs-comment                    3.54:1
  gray     hljs-class .hljs-title          3.95:1
  #828282  line numbers                    3.84:1

Split the tokens into light and dark palettes. Light values come from the docs
shiki palette in apps/docs/styles/globals.css, which is already verified against
WCAG AA. Every light token now clears 4.5:1 on white.

The dark palette is byte-identical to what it produced before, so the 52 Studio
call sites, www, and ui-library are unchanged in dark mode.
2026-08-25 15:28:44 -07:00
..
2026-08-25 18:16:40 +10:00