Change Details

**Background** This ticket is only to update the colors assigned to each category of wikitext content. The new colors meet [[ https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html | WCAG 1.4.3 AA ]]. It also brings the syntax highlighter in-line with the [[ https://design.wikimedia.org/style-guide/design-principles_accessibility.html | 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** [] Update syntax highlighting rules to reflect the updated colors below [] Do not deploy, put this change behind a feature flag [] Do not adjust or remove background highlighting rules [] Do not adjust or remove bolding or underlining rules **Color change overview** {F33997581} **Hex values** //NOTE: these colors are different from the color scheme implemented on the test instance {T263410}// |**Wikitext types** | **Color** | **Current** | **Updated** | | Main body text | Black | #010101 | No change | | Comments | Grey | #84A0A0 | #557777 | | 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 | #0076DD | | Tables | Pink | #EE00EE | #DD0088 | | Templates | Purple | #8800CC | No change | | Variables | Orange |#FF5500 | #AA5500| | Parser functions | Red | #AA1111 | #DD1111 | **Open questions** - Are there any categories not included in the above table? **Deployment** Project pages: [[ https://meta.wikimedia.org/wiki/WMDE_Technical_Wishes/Improved_Color_Scheme_of_Syntax_Highlighting | meta ]], [[ https://de.wikipedia.org/wiki/Wikipedia:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Verbesserung_der_Farben_der_Syntaxhervorhebung | dewiki ]] Small default wikis: dewiki, TBD

**Background** This ticket is only to update the colors assigned to each category of wikitext content. The new colors meet [[ https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html | WCAG 1.4.3 AA ]]. It also brings the syntax highlighter in-line with the [[ https://design.wikimedia.org/style-guide/design-principles_accessibility.html | 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** [] Update syntax highlighting rules to reflect the updated colors below [] Do not deploy, put this change behind a feature flag [] Do not adjust or remove background highlighting rules [] Do not adjust or remove bolding or underlining rules **Color change overview** {F33997581} **Hex values** //NOTE: these colors are different from the color scheme implemented on the test instance {T263410}// |**Wikitext types** | **Color** | **Current** | **Updated** | | Main body text | Black | #010101 | No change | | Comments | Grey | #84A0A0 | #557777 | | 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 | #0076DD | | Tables | Pink | #EE00EE | #DD0088 | | Templates | Purple | #8800CC | No change | | Variables | Orange |#FF5500 | #AA5500| | Parser functions | Red | #AA1111 | #DD1111 | **Open questions** - Are there any categories not included in the above table? Project pages: [[ https://meta.wikimedia.org/wiki/WMDE_Technical_Wishes/Improved_Color_Scheme_of_Syntax_Highlighting | meta ]], [[ https://de.wikipedia.org/wiki/Wikipedia:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Verbesserung_der_Farben_der_Syntaxhervorhebung | dewiki ]]