ionic-team / ionic-team/ionicons

feat: Add Dark Mode Support to Ionicons Website

Aperta
#1,438 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
help wanted
Lingua principale
TypeScript
Stelle
18.2k
Fork
2.1k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### Describe Problem

Currently, the Ionicons website does not support dark mode. Many users prefer or rely on dark themes to reduce eye strain, especially in low-light environments or at night. Having only a light mode can make it harder for some users to navigate the site comfortably.

### Describe Preferred Solution

- Implement a CSS-based dark mode.
- Add a toggle switch to enable or disable dark mode manually or automatically.
- Ensure Ionicons Web Components have proper contrast in dark mode.
- Match the dark mode experience with other Ionic ecosystem sites.

### Describe Alternatives

_No response_

### Additional Information

_No response_

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

The issue names no files, tests, or entry points. First locate the Ionicons website styles and the UI entry point for theme selection; done means CSS dark mode, a manual or automatic toggle, readable Ionicons Web Components, and visual consistency with other Ionic sites.

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

Valutazione

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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.