Change Details

Update the colors used in syntax highlighting to meet a11y standards (non-accessible colors shown crossed out). In order to have an accessible orange, with enough contrast to the red, the red also needs to change. The two groups with blue will use the same blue, instead of two different blues. Mock with color information: {F32357688} **Requirements** [] Update colors for each of the different color groups [] Remove background highlighting for nested elements **Nice to have** [] Make all text the same size (currently headings are shown larger) [] Can we also fix this: {https://phabricator.wikimedia.org/T170042}

Update the colors used in syntax highlighting to meet a11y standards (non-accessible colors shown crossed out). In order to have an accessible orange, with enough contrast to the red, the red also needs to change. The two groups with blue will use the same blue, instead of two different blues. Mock with color information: {F32357688} **New hex values** Black (body text) = #333333 Blue (heading, signatures, links, ...) = #014CDD Purple = no change Orange/brown (variables) = #B25E02 Red (parser functions) = #D91E18 Green (HTML, math, ...) = #008000 **Requirements** [] Update colors for each of the different color groups [] Remove background highlighting for nested elements **Nice to have** [] Make all text the same size (currently headings are shown larger) [] Can we also fix this: {https://phabricator.wikimedia.org/T170042}? **Relevant links** [[ https://phabricator.wikimedia.org/diffusion/ECMI/browse/master/resources/mode/mediawiki/mediawiki.css | Current CSS ]] [[ https://meta.wikimedia.org/wiki/Community_Tech/Wikitext_editor_syntax_highlighting#Color_and_style_customization | Overview of existing styling ]]

Update the colors used in syntax highlighting to meet a11y standards (non-accessible colors shown crossed out). In order to have an accessible orange, with enough contrast to the red, the red also needs to change. The two groups with blue will use the same blue, instead of two different blues. Mock with color information: {F32357688} **New hex values** Black (body text) = #333333 Blue (heading, signatures, links, ...) = #014CDD Purple = no change Orange/brown (variables) = #B25E02 Red (parser functions) = #D91E18 Green (HTML, math, ...) = #008000 **Requirements** [] Update colors for each of the different color groups [] Remove background highlighting for nested elements **Nice to have** [] Make all text the same size (currently headings are shown larger) [] Can we also fix this: {https://phabricator.wikimedia.org/T170042}? **Relevant links** [[ https://phabricator.wikimedia.org/diffusion/ECMI/browse/master/resources/mode/mediawiki/mediawiki.css | Current CSS ]] [[ https://meta.wikimedia.org/wiki/Community_Tech/Wikitext_editor_syntax_highlighting#Color_and_style_customization | Overview of existing styling ]]