Light / High Contrast Mode – HadCoffee Blog

Light / High Contrast Mode

I do like my colour scheme, but in bright outdoor lighting it can be too dark.

Imagine something like this:

light mode UI quick mockup
20 second mockup in dev tools.

Implementation

I currently use Sass variables. Would need to refactor to CSS Custom Properties, so that I can refine them in scopes for a switchable mode. It would be fairly far-reaching because of that.

Also Vue and SVG components would need to be updated too. I might pencil this in for post-launch.