[Feature] Presskit SVGs doesn't work well with non-white backgrounds

Aperta
  • Qualcosa non va?
#1,314 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
html
Ambito
design, frontend

Direzione di ricerca

Inizia dall'output HTML di License chooser e confronta le icone Presskit a cui fa riferimento, come https://mirrors.creativecommons.org/presskit/icons/by.svg, con le icone trasparenti in src/svg/cc/icons. Conferma dove vengono mantenuti gli asset Presskit; il lavoro è completato quando sono disponibili varianti con centro trasparente e i valori predefiniti del chooser vengono modificati solo se rientra nell'ambito.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

✨ goal: improvement 💻 aspect: code 🟩 priority: low 🧹 status: ticket work required

Problem

Presskit SVGs don't work well with non-white backgrounds.

Image
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

  • I would be interested in implementing this feature. (but I would need some pointers as to where I can find this "Presskit")
Lingua principale
HTML
Stelle
187
Fork
243
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di creativecommons/creativecommons.org

Tutte le issue di creativecommons/creativecommons.org

Issue simili

Altre issue su Design

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.