[openstreetmap/openstreetmap-website] Invert trace images in dark mode (PR #4679)

[Anton Khorev]

@AntonKhorev commented on this pull request.



> @@ -1036,4 +1036,12 @@ div.secondary-actions {
   margin-bottom: -1px;
 }
 
+/* Rules for traces */
+
+ at include color-mode(dark) {
+  img.trace_image {

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.

100% invert:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/bcdf2ffa-803f-49f7-87a3-8b22592f2918)

85% invert:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/c0dd50ab-d29a-41ad-8201-0216fc34c5ab)


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

Message ID: <openstreetmap/openstreetmap-website/pull/4679/review/1994055814 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240411/536f4a06/attachment.htm>