linuxmobile/midu.dev

Añadir Dark/Light Mode

Offen

#2 geöffnet am 25.09.2023

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (1 zugewiesene Person)Astro (2 Forks)github user discovery
enhancementhelp wanted

Repository-Metriken

Stars
 (1 Stern)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Descripción:

Implementar la funcionalidad de Dark/Light Mode para mejorar la experiencia del usuario y brindar opciones de accesibilidad.

Objetivo:

Implementar Dark/Light Mode siguiendo las siguientes características:

Contributor Guide

Research-Richtung
Überprüfen Sie die TailwindCSS Konfigurationsdatei auf die Definitionen der Dark Mode Klassen. Implementieren Sie einen Umschaltknopf, der mit JavaScript die Klasse 'dark' zum HTML Element hinzufügt/entfernt, und wenden Sie die entsprechenden Tailwind Klassen in allen Komponenten an. Stellen Sie sanfte Übergangsanimationen mit CSS Übergängen sicher.
Tech Stack
astrotailwindcssjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
TailwindCSSJavaScriptAstro
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80