ISISComputingGroup/WebDashboard

Dark/light mode toggle in navbar

Aperta

#44 aperta il 27 set 2024

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (3 fork)auto 404
enhancementgood first issue

Metriche repository

Star
 (2 stelle)
Metriche merge PR
 (Merge medio 10h 55m) (18 PR mergiate in 30 g)

Descrizione

as a user of the web dashboard I would like a dark/light mode toggle in the navigation bar.

By default the web dsahboard should use the system's native them and toggle from there.

acceptance criteria

  • Dark mode button is added in the navbar that applies a dark/light theme to all pages
  • pages are modified to have dark mode styles

Guida contributor

Direzione di ricerca
Aggiungi un pulsante di attivazione nella barra di navigazione che alterna una classe CSS sul documento per passare tra modalità scura e chiara. Usa la media query prefers color scheme per il default. Salva la preferenza dell'utente in localStorage.
Tech stack
typescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSJavaScriptReact or similar framework
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75