Workarounds for the dimmed maps on OSM.ORG

[jidanni (Dan Jacobson)]

Is there any workaround for
the OSM.ORG website now permanently showing dim maps
to make the map back bright again?
I tried both light and dark Chromebook themes.

[Tordanik (Tobias Knerr)]

One workaround which was shared in the linked thread is to add special CSS styling in userContent.css. There’s also the option of installing the Better-osm-org script.

[SomeoneElse (Andy Townsend)]

@jidanni

I tried both light and dark Chromebook themes.

Are you sure? I’d be surprised if you are really still getting dark mode on a Chromebook in light mode. I don’t.

[jidanni (Dan Jacobson)]

The only thing I haven’t tried yet is disposing of “Black & White”

But that’s like having to buy a whole new house just because one cannot find the front door key.

[SomeoneElse (Andy Townsend)]

@jidanni

The only thing I haven’t tried yet is disposing of “Black & White”

Have you tried the suggestions above?

[SekeRob]

Ask Copilot: Reply Firefox Dark Reader extension, includes sliders for brightness, contrast, fatty text and the more tab holds the icing on the cake,

(did not ask for anything chrome.)

[RedAuburn (Harry)]

If anyone uses uBlock Origin, I’ve made a filter that removes the dimming:

openstreetmap.org##img.leaflet-tile:style(filter: brightness(1) !important)

(open the uBlock Origin settings, go to the ‘my filters’ tab, paste it on a new line, press ‘apply changes’, and reload osm.org)

[jidanni (Dan Jacobson)]

Too much trouble.
I’ll just live with it.

Other people might think that the site being dimmed,
means that the site is being phased out,
or like Google maps:

Google Maps shows "For development purposes only"

Round trip:

Google Maps shows "For development purposes only"

[rphyrin]

Here’s the Violentmonkey version of that uBlock Origin script :

// ==UserScript==
// @name         Brighten OpenStreetMap Tiles
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Brighten the OpenStreetMap tiles by removing the brightness filter
// @author       You
// @match        https://www.openstreetmap.org/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Using GM_addStyle to inject CSS (works around CSP restrictions)
    GM_addStyle(`
        img.leaflet-tile {
            filter: brightness(1) !important;
        }
    `);
})();

Result :