Añadir Dark/Light Mode · linuxmobile/midu.dev

(2 commenti) (0 reazioni) (1 assegnatario)Astro (2 fork)github user discovery

enhancementhelp wanted

Metriche repository

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:

Utilizar TailwindCSS + JS únicamente. (No libs).
Animación y transición correcta y correspondiente.
Utilizar las clases adecuadas del archivo: https://github.com/linuxmobile/midu.dev/blob/175d4dc6b937bcee9a7c3077dd9143420b2d58e3/tailwind.config.cjs#L12-L24

Direzione di ricerca: Esamina il file di configurazione TailwindCSS per le definizioni delle classi della modalità scura. Implementa un pulsante di commutazione che aggiunge/rimuove la classe 'dark' all'elemento HTML usando JavaScript e applica le classi Tailwind corrispondenti in tutti i componenti. Assicura animazioni di transizione fluide con le transizioni CSS.
Tech stack: astrotailwindcssjavascript
Dominio: frontend
Tipo issue: Funzionalità
Difficoltà: 2
Tempo stimato: 1-3 ore
Stato attività: Attiva
Chiarezza: Abbastanza chiara
Prerequisiti: TailwindCSSJavaScriptAstro
Adatta ai principianti: 80