[openstreetmap/openstreetmap-website] Use CSS filter instead of dimming tiles (PR #5325)

[Marwin Hochfelsner]

@hlfan approved this pull request.

This is definitely better than just a darkened bright map.

> @@ -504,7 +504,13 @@ body.small-nav {
 @include color-mode(dark) {
   .leaflet-tile-container,
   .mapkey-table-entry td:first-child > * {
-    filter: brightness(.8);
+    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);

`filter: invert(95%) hue-rotate(180deg);` has the same effect and would reduce filter count, see https://github.com/openstreetmap/openstreetmap-website/issues/2332#issuecomment-2477805318.

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/5325#pullrequestreview-2437952962
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/5325/review/2437952962 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20241115/e6e1ec26/attachment-0001.htm>