Fix *HighlightBackground transparency

[MarcelloNicoletti]

Fix description

There are a few editor.<something>HighlightBackground color settings. These colors are supposed to be semi-transparent to allow other decorations to show through.

I calculated new semi-transparent colors that blend with the theme background color into the original color value. I tried to get values that were 20% opaque. One of the values would've needed an impossible base color to blend correctly at 20% opaque so I had to calculate it at a higher opacity.

All translations

• Dark themes

  • 32374d is now #f6bbe533 (ex. editor.wordHighlightBackground)

  • 2e3250 is now #e3a2f433 (ex. editor.wordHighlightStrongBackground)

• Light themes

  • d3e8f8 is now #339c8c33 (ex. editor.wordHighlightBackground)

  • a3cfee is now #007dd659 (ex. editor.wordHighlightStrongBackground)

  • e0e7ea is now #7497a633 (ex. editor.rangeHighlightBackground)

Examples

In these examples I've selected the letters pri in the first this.price. That first instance of this.price has editor.wordHighlightStrongBackground. The other two this.prices have editor.wordHighlightBackground. In the before images you can't tell that those letters are selected because the opaque color is rendered over the selection.

Dark

Before

After

Light

Before

After

(note: The light theme's editor.wordHighlightStrongBackground was the color that had to be more opaque)

[sdras]

This looks great and is much more clear, much appreciated!