CaddoraHome

Sites · Cameleon for Safari

Dark mode for MDN Web Docs in Safari

Cameleon recolours MDN Web Docs in Safari with one of five skins, three dark and two light, and changes nothing but colour. MDN Web Docs's own colours pass WCAG AA on all 1,521 pieces of text measured; under each of the five skins, every one of them passes.

Buy Cameleon — $3.99, onceDownload the 7-day trial

MDN Web Docs in each skin

MDN Web Docs's page in its own colours
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 21.00:1.
MDN Web Docs's page recoloured by Cameleon's Midnight skin
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 17.00:1.
MDN Web Docs's page recoloured by Cameleon's Dusk skin
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 18.89:1.
MDN Web Docs's page recoloured by Cameleon's Legacy skin
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 14.84:1.
MDN Web Docs's page recoloured by Cameleon's Sunset skin
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 13.50:1.
MDN Web Docs's page recoloured by Cameleon's Yardage Book skin
All 1,521 pieces of text clear WCAG AA contrast. Median contrast 13.02:1.

Captured and measured 3 November 2026 with Cameleon's own engine, on the real page. How it was measured.

What MDN Web Docs offers by itself

MDN has a theme switcher of its own, and on its default setting it follows the Mac's appearance. With the Mac set to dark appearance, the page was dark.

What Cameleon does on MDN Web Docs

  • When MDN Web Docs is already dark, a dark skin stands back and leaves its own colours on the page, because two dark themes fighting read worse than one. Choose a skin for MDN Web Docs itself and it applies anyway.
  • When your Mac is light, MDN Web Docs keeps its own colours unless you set a skin for light appearance, or choose one for MDN Web Docs.
  • A light skin, Sunset or Yardage Book, always goes ahead on MDN Web Docs, dark or not.
  • Choose a skin on MDN Web Docs and it is remembered for MDN Web Docs; other sites keep theirs.
  • Colour only: the layout, the text and the links stay as MDN Web Docs made them.

The contrast, before and after

ColoursText under WCAG AAMedian contrast
MDN Web Docs's own0 of 1,52121.00:1
Midnight0 of 1,52117.00:1
Dusk0 of 1,52118.89:1
Legacy0 of 1,52114.84:1
Sunset0 of 1,52113.50:1
Yardage Book0 of 1,52113.02:1

Measured 3 November 2026 on the page shown, a public one read without signing in, with Cameleon's own engine. WCAG AA is 4.5:1 for text and 3:1 for large text. How it was measured, and what it cannot fix.

MDN Web Docs belongs to its owner, who has nothing to do with Cameleon. The captures show its public page, to show the colours.

Other sites