[openstreetmap/openstreetmap-website] Dark Mode for maps (Issue #5328)

[pkrasicki]

> Have you tried a more complex filter like `brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7)` on Firefox?

@Nekzuris Yes, you can test that specific filter [on this site](https://issviewer.com).

Here is how to easily test different filters yourself.
1. Go to [openstreetmap.org](https://openstreetmap.org).
2. Press F12 to open dev tools.
3. In the "search HTML" bar paste this and hit enter: `.leaflet-tile-container .leaflet-tile`. If you don't see the search bar, press CTRL+F.
4. In the styles section of the dev tools on the right side, scroll down until you see a filter attribute.
5. Click on the value and replace it by pasting one of ours:
	Filter 1: `brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);`
	Filter 2: `invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);`
6. You can test different layers if you'd like.

![osm-dev-tools-filter](https://github.com/user-attachments/assets/ee1b39d4-b2cb-4092-b121-94eb3385f4eb)

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/5328#issuecomment-2480620937
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/5328/2480620937 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20241116/cc66eeb9/attachment-0001.htm>