[Feature] Presskit SVGs doesn't work well with non-white backgrounds #1314
Labels
💻 aspect: code
Concerns the software code in the repository
✨ goal: improvement
Improvement to an existing feature
🟩 priority: low
Low priority and doesn't need to be rushed
🧹 status: ticket work required
Needs more details before it can be worked on
Problem
Presskit SVGs don't work well with non-white backgrounds.
Current behavior on the left and desired behavior on the right.
Description
The SVGs used by the HTML produced by the "License chooser" have a solid white background inside the circle.
The icons are hosted here and are part of the "Presskit" e.g.:
https://mirrors.creativecommons.org/presskit/icons/by.svg
The white background icons from "Presskit" are inconsistent with the icons here (which are transparent):
https://github.com/creativecommons/vocabulary/tree/main/src/svg/cc/icons
I suggest having an extra set of icons in the "Presskit" with transparent centers.
It is probably a good idea to leave the current ones as is for backwards compatibility.
Maybe even use these in the "License chooser" by default moving forward.
Alternatives
Leave everything "as is", but having icons with transparent backgrounds available, we get a web that looks better 😅
Additional context
Maybe also provide SVGs with white "fill color" for dark (themed) websites.
Implementation
The text was updated successfully, but these errors were encountered: