[openstreetmap/openstreetmap-website] Dark Mode bugs/improvements for the UI (Issue #5329)

[Chris Joubert]

As mentioned by @Nekzuris in on this [PR](https://github.com/openstreetmap/openstreetmap-website/pull/5330#issuecomment-2479700613), the dark mode brightness filter
```
@include color-mode(dark) {
  .leaflet-tile-container .leaflet-tile,
  .mapkey-table-entry td:first-child > * {
    filter: brightness(.8);
  }
```
applied to the `.leaflet-tile` seems to make the UI quite laggy in Firefox (didn't test in other browsers).

### With brightness filter:

https://github.com/user-attachments/assets/b9247601-7a18-42e1-8e4a-0e149bf1e7f3

### Without brightness filter:


https://github.com/user-attachments/assets/85997345-c5cb-41f6-93b2-9659d2855103




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

Message ID: <openstreetmap/openstreetmap-website/issues/5329/2482070226 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20241117/a97dc065/attachment.htm>