apache/sedona

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

Open

#2,444 创建于 2025年10月23日

在 GitHub 查看
 (2 评论) (0 反应) (0 负责人)Scala (1,953 star) (693 fork)batch import
docsgood first issueimprovement

描述

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.

贡献者指南

技术栈
htmlcssjavascript
领域
frontenddesign
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
basic HTMLCSS custom propertiesJavaScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
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.