Selected list item background colour

The current selected and hover colours are both shades of the primary variable. This small experiment changes selected to be a shade of tertiary instead, to add some differentiation.

before

after

It’s now using tertiary-300 which was the maximum I could use without having to change text-colour (which would be a lot of manual work), while still maintaining a decent contrast ratio.

6 Likes