ISISComputingGroup/WebDashboard

Dark/light mode toggle in navbar

Ouverte

#44 ouverte le 27 sept. 2024

Voir sur GitHub
 (1 commentaire) (0 réaction) (0 personne assignée)TypeScript (3 forks)auto 404
enhancementgood first issue

Métriques du dépôt

Stars
 (2 étoiles)
Métriques de merge PR
 (Merge moyen 10h 55m) (18 PRs mergées en 30 j)

Description

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

Guide contributeur

Direction de recherche
Ajoutez un bouton de bascule dans la barre de navigation qui bascule une classe CSS sur le document pour passer entre les modes sombre et clair. Utilisez la requête média prefers color scheme par défaut. Stockez la préférence de l'utilisateur dans localStorage.
Stack technique
typescript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSSJavaScriptReact or similar framework
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75