ionic-team / ionic-team/ionicons

feat: Add Dark Mode Support to Ionicons Website

Offen
#1,438 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
help wanted
Vorherrschende Sprache
TypeScript
Sterne
18.2k
Forks
2.1k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 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_

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Das Issue nennt keine Dateien, Tests oder Einstiegspunkte. Suche zuerst die Styles der Ionicons-Website und den UI-Einstiegspunkt für die Theme-Auswahl; abgeschlossen ist die Arbeit, wenn der CSS-Dunkelmodus, ein manueller oder automatischer Umschalter, gut lesbare Ionicons Web Components und visuelle Konsistenz mit anderen Ionic-Websites vorhanden sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css, typescript
Bereich
accessibility, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.