Favicon is not visible in dark mode, Improve favicon visibility for dark browser themes
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 55/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- typescript
Direzione di ricerca
Inizia individuando l’asset favicon dell’app web Aave e il punto di ingresso del documento che vi fa riferimento, quindi riproduci il problema in Chrome con la modalità scura attivata. Aggiorna la gestione del favicon in modo che rimanga visibile sia nei temi chiari sia in quelli scuri del browser, quindi verifica il risultato in entrambi i temi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Describe the bug
The Aave favicon is black, making it effectively invisible when viewed in browsers using dark mode. This reduces brand visibility and makes it difficult to identify the Aave tab among other open tabs. The issue was observed on the Aave web app.
To Reproduce
- Open the Aave web app in a browser.
- Enable your browser or operating system's dark mode.
- Open the site in a new tab.
- Observe that the favicon is black and blends into the dark browser tab background, making it difficult or impossible to see.
Expected behavior
The favicon should remain clearly visible in both light and dark browser themes. This can be achieved by providing a dark-mode-specific favicon, using an SVG favicon that supports prefers-color-scheme, or designing a favicon with sufficient contrast against dark tab backgrounds.
Screenshots
Please see the two screenshot below.
Desktop (please complete the following information):
- OS: macOS
- Browser: Chrome
- Version: Latest
Smartphone (please complete the following information):
- Device: N/A
- OS: N/A
- Browser: N/A
- Version: N/A
Additional context
Modern browsers do not automatically invert favicon colors for dark mode. Since the current favicon is predominantly black, it becomes nearly invisible against dark tab backgrounds. Providing separate light/dark favicons or an adaptive SVG favicon would improve visibility and overall user experience.
- Lingua principale
- TypeScript
- Stelle
- 536
- Fork
- 496
- Merge medio
- 1g 8h
- PR unite (30g)
- 9
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di aave/interface
-
bug new issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
bug new issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
-
Difficoltà 3/5 1-2 giorni Idoneità per principianti 72/100
-
Aave/interface Apertafeature new issue
Difficoltà 5/5 Più di una settimana Idoneità per principianti 10/100
-
bug new issue
Difficoltà 3/5 1-2 giorni Idoneità per principianti 55/100
Tutte le issue di aave/interface
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
vercel-labs/just-bash#464 ·
-
looksLikeSlug() is ASCII-only, so non-Latin entity slugs (e.g. Korean) skip exact match and collapse Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
TanStack/tanstack.com#1293 ·