apache/sedona

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

Open

#2444 opened on Oct 23, 2025

View on GitHub
 (2 comments) (0 reactions) (0 assignees)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.

Contributor guide

Tech stack
htmlcssjavascript
Domain
frontenddesign
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
basic HTMLCSS custom propertiesJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
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.