<p></p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/hlfan/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/hlfan">@hlfan</a> Great work! I didn't even know there was a feature like that. And recently I've even thought of using WebGL shaders for a more advanced filter (there is a Leaflet plugin for that). Anyway, which of the options you've tested you think would be best? Gamma is already a big improvement over the current situation. Invert still seems better, but even with more control that we got here it might not be usable for all layers.</p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/Wilhem275/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/Wilhem275">@Wilhem275</a> I'm not a map expert, but I don't think a map is like a photo at all. It's not satellite images, it's just a bunch of data that we want to display to the user in the most intuitive way possible. As long at the information is still visible and easy to understand, changing the colors <strong>a little bit</strong> isn't a big deal. Obviously nothing should be done without testing and discussion.</p>
<blockquote>
<p dir="auto">Because the main purpouse of dark modes is not to alter colours altogether, it's to avoid large fields of pure bright white. As you'll find in Wikipedia or default Gmail's backgrounds (or Github, now that I see it).</p>
</blockquote>
<p dir="auto">And in order to do that, you have to alter colors. You change the background color and then you change other colors too, because colors that work well on a white background usually don't work well on a dark background. Developing a dark theme requires changing colors.</p>
<blockquote>
<p dir="auto">This was done so well that, I think, a toggle switch is NOT needed at all. I don't think you'll find any dark mode user wishing to keep OSM non-map elements white.</p>
</blockquote>
<p dir="auto">There might be people who want to enjoy dark/light theme without changing their system settings.</p>
<blockquote>
<p dir="auto">Also, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/pkrasicki/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/pkrasicki">@pkrasicki</a> examples with filtering are actually quite good for night reading, but again I wouldn't like to have them forced on my permanently dark-set browser. I understand they operate at site level, but is there a way to channel them as a layer choice instead of forcing them upon any layer?</p>
</blockquote>
<p dir="auto"><a href="https://github.com/openstreetmap/openstreetmap-website/issues/5324#issuecomment-2480755496" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/5324/hovercard">This proposal</a> would let you easily disable the filters by changing the map theme to light.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/5328#issuecomment-2481319542">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLPUVOKHNWU5AXIEPZ32BCZ4RAVCNFSM6AAAAABR3CJSAOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIOBRGMYTSNJUGI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLJ32VQELFJLLMSQHW32BCZ4RA5CNFSM6AAAAABR3CJSAOWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTUT4XXHM.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/5328/2481319542</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/5328#issuecomment-2481319542",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/5328#issuecomment-2481319542",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>