<p></p>
<p><b>@AntonKhorev</b> commented on this pull request.</p>

<hr>

<p>In <a href="https://github.com/openstreetmap/openstreetmap-website/pull/4679#discussion_r1560941878">app/assets/stylesheets/common.scss</a>:</p>
<pre style='color:#555'>> @@ -1036,4 +1036,12 @@ div.secondary-actions {
   margin-bottom: -1px;
 }
 
+/* Rules for traces */
+
+@include color-mode(dark) {
+  img.trace_image {
</pre>
<p dir="auto">This invert is specific to trace images. I do 100% invert elsewhere for direction icons. They are next to 100% white text in dark mode and they have transparent background. Although maybe 85% invert would do fine for them too.</p>
<p dir="auto">100% invert:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/bcdf2ffa-803f-49f7-87a3-8b22592f2918">image.png (view on web)</a></p>
<p dir="auto">85% invert:<br>
<a href="https://github.com/openstreetmap/openstreetmap-website/assets/4158490/c0dd50ab-d29a-41ad-8201-0216fc34c5ab">image.png (view on web)</a></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/pull/4679#discussion_r1560941878">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKSLZS3BHLUJRV55YDY4Z6JNAVCNFSM6AAAAABGBMX6Y2VHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMYTSOJUGA2TKOBRGQ">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLIU5ZUVRUAVXG4AJS3Y4Z6JNA5CNFSM6AAAAABGBMX6Y2WGG33NNVSW45C7OR4XAZNRKB2WY3CSMVYXKZLTORJGK5TJMV32UY3PNVWWK3TUL5UWJTTW3LQIM.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/pull/4679/review/1994055814</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/pull/4679#discussion_r1560941878",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/4679#discussion_r1560941878",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>