Dark Mode

[darksidelemm]

Some kind of Dark Mode for chasemapper would be useful. Something that can be used on a tablet, in a car, at night - without blinding the operator.

Maybe @LukePrior has some ideas on this one?

Main things to do would be:

• Find a map tile-set that is usable in a dark environment, and that has enough contrast to be useful. Dark Matter isn't really good enough - the contrast is not really good. Something like the OSMAnd 'dark' maps (see here https://osmand.net/features/start and here https://osmand.net/images/features/StyleOsmAnd2.jpg ) would be excellent.
• Make a second set of icons that provide enough contrast on the selected map.
• Figure out all the CSS changes required to invert the colours (mostly) and make the page look good.

[LukePrior]

The Stadia.AlidadeSmoothDark map from Stadia Maps which requires a free API key has been added.

In terms of icons, I just changed darker components to lighter shades and kept the rest the same. The way I handled logic was by first checking if the user had set a preferred light/dark mode and if that was unavailable it would default to checking the browser/device preference. To actually change the CSS I mainly used jQuery as seen here and also some CSS rules here. I remember having to use both of these to get it working in all cases.