Background
This ticket is only to update the colors assigned to each category of wikitext content. The new colors meet WCAG 1.4.3 AA. It also brings the syntax highlighter in-line with the accessibility guidelines committed to by Wikimedia. This helps not only people with low-vision, but also people looking at screens with glare.
The colors assigned to each category are not being changed. Most colors simply get darker so they have more contrast with a white background. The red got lighter because the orange had to get very dark to meet contrast requirements and they were looking too similar to each other. Purple and the black remain the same.
Requirements
- Implement this change behind a feature flag, deployment TBD
- Update syntax highlighting rules to reflect the updated colors below
- Do not adjust or remove background highlighting rules
- Do not adjust or remove bolding or underlining rules
Color change overview
Hex values
NOTE: these colors are different from the color scheme implemented on the test instance T263410: Test instance: Update CodeMirror color scheme. Do not change background highlighting, bolding or underlining rules.
| Wikitext types | Color | Current | Updated |
| Main body text | Black | #010101 | No change |
| Comments | Grey | #84A0A0 | Base30 (#72777D) |
| Internal Links, External Links, Categories, Images | Dark blue | #3366CC | #000AAA |
| Headings, Symbols * : ‘ #, Signatures, Leading space, #Section name, Magic words | Light blue | #0088FF | #0076DD |
| References, HTML tags and entities, Math | Green | #0088FF | Green30 (#14866D) |
| Tables | Pink | #EE00EE | #DD0088 |
| Templates | Purple | #8800CC | No change |
| Variables | Orange | #FF5500 | Yellow30 (#AC6600) |
| Parser functions | Red | #AA1111 | Red50 (#DD3333) |