[openstreetmap/openstreetmap-website] Traces lighten darken (PR #4681)

[Anton Khorev]

An alternative to #4679 which also changes light mode.

Trace images have white background which they probably shouldn't have, it should be transparent. Besides dark mode, this white background shows up in striped tables:

![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/017b8fda-813c-41e4-9590-c6733cb1fcbf)

But we can make it behave as transparent by using blend modes:

![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/85e86ba9-c92e-4812-abf4-a75ef8dcc553)
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/7a6bfd65-4b0b-4a72-abfb-54d80b09416e)

You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/4681

-- Commit Summary --

  * Invert trace images in dark mode
  * Darken/lighten trace images to match their backgrounds

-- File Changes --

    M app/assets/stylesheets/common.scss (13)
    M app/views/traces/_trace.html.erb (2)
    M app/views/traces/edit.html.erb (2)
    M app/views/traces/show.html.erb (2)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/4681.patch
https://github.com/openstreetmap/openstreetmap-website/pull/4681.diff

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

Message ID: <openstreetmap/openstreetmap-website/pull/4681 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240411/30eda85c/attachment.htm>