apache/sedona

Idea: We should implement Dark and Light Theme Switch on the website

Open

#2 444 ouverte le 23 oct. 2025

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)Scala (1 953 stars) (693 forks)batch import
docsgood first issueimprovement

Description

https://web.dev/patterns/theming

"Create adaptive color systems, so a user's preferences for things like light or dark, are easy to orchestrate."

In desktop mode top right the https://web.dev site has implemented the theme switch icon to toggle between themes.

Written by members of the Chrome team, and external experts who specialize in web development topics such as accessibility, performance, design, and more.

Guide contributeur

Stack technique
htmlcssjavascript
Domaine
frontenddesign
Type d'issue
feature
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.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
basic HTMLCSS custom propertiesJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
Review the linked web.dev article on theming patterns. Investigate the current website's CSS structure to identify where to add CSS custom properties for light/dark themes. Look for existing color variables or themes in the repository's website code. Consider using localStorage to persist the user's preference. Ensure the toggle is accessible and follows best practices. The issue does not specify a preferred approach, so research should propose a simple toggle button implementation without introducing a framework.