[openstreetmap/openstreetmap-website] Darken + add transparency to counter badges (PR #4699)

[Anton Khorev]

We have a custom color for counter badges. But it's too bright for dark mode. It's too bright even for light mode because it's brightness is too close to the header background.

Light mode before:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/49cdae5d-3a9a-48cb-aa05-490a3870cb03)

Light mode after:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/b2d931c1-f2c1-46b0-bee0-cf500b2f8032)

Dark mode before:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/6c4de753-d888-4b85-b20c-f962166fb996)

Dark mode after:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/06ba3274-48b8-4ce0-8bc3-2a49a10ed1a7)

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

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

-- Commit Summary --

  * Darken + add transparency to counter badges

-- File Changes --

    M app/assets/stylesheets/common.scss (2)

-- Patch Links --

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

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

Message ID: <openstreetmap/openstreetmap-website/pull/4699 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240413/6deaaf5a/attachment.htm>