CaddoraHome

Sites · Cameleon for Safari

Dark mode for W3Schools in Safari

Cameleon recolours W3Schools in Safari with one of five skins, three dark and two light, and changes nothing but colour. In W3Schools's own colours, 45 of the 404 pieces of text measured are under WCAG AA contrast; under each of the five skins, every one of them passes.

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

W3Schools in each skin

W3Schools's page in its own colours
45 of 404 pieces of text are under WCAG AA contrast. Median contrast 12.62:1.
W3Schools's page recoloured by Cameleon's Midnight skin
All 404 pieces of text clear WCAG AA contrast. Median contrast 7.69:1.
W3Schools's page recoloured by Cameleon's Dusk skin
All 404 pieces of text clear WCAG AA contrast. Median contrast 7.34:1.
W3Schools's page recoloured by Cameleon's Legacy skin
All 404 pieces of text clear WCAG AA contrast. Median contrast 6.84:1.
W3Schools's page recoloured by Cameleon's Sunset skin
All 404 pieces of text clear WCAG AA contrast. Median contrast 7.90:1.
W3Schools's page recoloured by Cameleon's Yardage Book skin
All 404 pieces of text clear WCAG AA contrast. Median contrast 7.67:1.

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

What W3Schools offers by itself

With the Mac set to dark appearance, the page stayed light.

What Cameleon does on W3Schools

  • W3Schools stays light when your Mac is dark, so the skin you set for dark appearance recolours it.
  • When your Mac is light, W3Schools keeps its own colours unless you set a skin for light appearance, or choose one for W3Schools.
  • A light skin, Sunset or Yardage Book, always goes ahead on W3Schools, dark or not.
  • Choose a skin on W3Schools and it is remembered for W3Schools; other sites keep theirs.
  • Colour only: the layout, the text and the links stay as W3Schools made them.

The contrast, before and after

ColoursText under WCAG AAMedian contrast
W3Schools's own45 of 40412.62:1
Midnight0 of 4047.69:1
Dusk0 of 4047.34:1
Legacy0 of 4046.84:1
Sunset0 of 4047.90:1
Yardage Book0 of 4047.67: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.

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

Other sites