• Resolved timb111

    (@timb111)


    The map on event pages has recently turned dark, with much of it dark grey and park areas dark green. I wondered if it’s something to do with a dark theme but my browser isn’t set to dark theme.

    When I click on the OpenStreetMap link in the lower-right corner of the map, the map I see on the OpenStreetMap website is light, with light pastel colours.

    Is there a setting in EME that makes the map light/dark? Or any ideas how to fix this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Franky

    (@liedekef)

    I have this in CSS:

    :root {
        --eme-map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
    }
    
    @media (prefers-color-scheme: dark) {
        .eme-map-tiles {
            filter:var(--eme-map-tiles-filter, none);
            }
    }

    As you can see, only if the browser prefers the dark color scheme, EME will use this.

    Thread Starter timb111

    (@timb111)

    I see.. My browser’s theme setting was set to default, not dark. I changed the Windows 10 theme from dark to light and it fixed it.

    I’d prefer to have my operating system set to dark but still see the map as light. How would I override this CSS so that it always shows a light themed map?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Map is dark’ is closed to new replies.