Open loiswells97 opened 6 months ago
So... I've found tweaked the colours so they are AAA normally and when using the difference blend mode (highlighted).
Last line is pure white for reference.
I suggest that we make the variabled more generic as if and when we theme these the colours might not match the variable names. In this case I've changed 'grey' to an orange because it was too similar to the white normally used.
$rpf-syntax-blue: #9EE8FF;
$rpf-syntax-green: #94F9AF;
$rpf-syntax-grey: #FFCA99;
$rpf-syntax-pink: #EECCFF;
$rpf-syntax-1: #9EE8FF;
$rpf-syntax-2: #94F9AF;
$rpf-syntax-3: #FFCA99;
$rpf-syntax-4: #EECCFF;
This is a bit magic numbery, I kinda just messed around with it, I'd like the highlight colour to be brighter (white if possible) but I can't figure out how to do that with the difference blend mode (or another blend mode). More research required, but these colours should help a11y in dark mode for now.
Light mode colours still need to be checked.
class="classname"
should have the string highlighted, but it isn't because it's not detected as being a tag attribute since the rest of the tag is not present.When inverted the pink becomes a green with very poor contrast: