search

jovandeginste / workout-tracker

A workout tracking web application for personal use (or family, friends), geared towards running and other GPX-based activities
Other
945 stars 31 forks source link

Fix/dark map colors #155

Closed pixelspark closed 4 months ago

pixelspark commented 4 months ago

Tweak the map styling in dark mode, so it looks a bit better (the map is fully monochrome now, so the route is more easy to distinguish)

See below for a before (left) and after (right)

image

jovandeginste commented 4 months ago

While I appreciate the improved visibility of the track, I now find it harder to recognize the general area... I will merge this, and we should either iterate on the scheme used, or provide a way to pick a color scheme for maps, specifically, or for maps, graphs, etc.

pixelspark commented 4 months ago

Thanks & agreed!

We could allow the user to store some preferences for the '.map-tile' CSS filter.

Another option is to create some presets and allow the user to pick one. One way to do this in CSS would be:

.map-tile { /* default settings */ }
:root.map-preset-a .map-tile { /* changes for preset A */ }
:root.map-preset-b .map-tile { /* changes for preset B */ }

Then, a preset could be selected by setting the map-preset-a or map-preset-b class on the root element (<body class="map-preset-a">).

jovandeginste commented 4 months ago

Yes; to be picked up at a later moment