Skip to content

UI: Grayscaled maps for readability #605

@TomCools

Description

@TomCools

In a few of the quickstarts maps are rendered. The readability of the calculated routes on these maps could be improved by making them grayscale.

Context

Example:

image

With Grayscale:

image

Solution

Since it is rendered by Leaflet, the following will make the maps grayscale. Either make them grayscale by default or introduce a toggle.

.leaflet-tile-pane {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions