<p></p>
<p dir="auto">I've been exploring these updates, and with Bootstrap 5.3 now in use, I believe we can implement them with minimal code adjustments.</p>
<blockquote>
<ul dir="auto">
<li><strong>Refactor the background color for <code class="notranslate">content-heading</code> to use theme colors instead of a standard color variable</strong></li>
</ul>
</blockquote>
<p dir="auto">This seems to be working fine locally, so I assume it’s already been addressed.</p>
<blockquote>
<ul dir="auto">
<li><strong>Refactor our table striping override</strong></li>
</ul>
</blockquote>
<p dir="auto">Tables could benefit from some additional styling adjustments to better align with the overall UI appearance in dark mode. I’d be happy to dive deeper into this and prepare a PR. Here’s how the notes table currently appears:<br>
<a href="https://github.com/user-attachments/assets/e9ca425f-9573-4732-aa65-4793c96af6b1">Screenshot.2024-11-07.at.09.22.48.png (view on web)</a></p>
<p dir="auto">I also reviewed other pages across the site, and so far, everything else seems consistent.</p>
<p dir="auto">I tried applying the suggested filter styling to the map, but I couldn't locate the correct class in the code. For reference, here’s the suggested style:</p>
<blockquote>
<p dir="auto"><code class="notranslate">invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)</code></p>
</blockquote>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/krjan02/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/krjan02">@krjan02</a> <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> Would you know which class should be targeted to apply this effect to the map?</p>
<p dir="auto">If we’re aligned on this approach, I'm keen to open a PR for this. Additionally, would you be interested in styling the map with this filter as mentioned in the comments or perhaps adding a dropdown with options like dark mode (UI), dark mode (UI + map), and default mode?<br>
<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tomhughes/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tomhughes">@tomhughes</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/AntonKhorev/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/AntonKhorev">@AntonKhorev</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/gravitystorm/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/gravitystorm">@gravitystorm</a></p>
<h4 dir="auto">Additional Screenshots</h4>
<a href="https://github.com/user-attachments/assets/c7522e87-a11a-4a63-a38e-a3ed181a5527">Screenshot.2024-11-07.at.09.36.59.png (view on web)</a>
<a href="https://github.com/user-attachments/assets/310fbec8-4c1e-4030-98f9-51132f557626">Screenshot.2024-11-07.at.09.40.20.png (view on web)</a>

<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/2332#issuecomment-2461656428">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLMXMA5EF2QSLKKMIYTZ7MS5RAVCNFSM6AAAAABRKVPFQOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINRRGY2TMNBSHA">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLKGSOFNNXSXNIXUS4DZ7MS5RA5CNFSM6AAAAABRKVPFQOWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTUSXHSWY.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/2332/2461656428</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>