Issue: Add Dark Mode Support and Theming Consistency
维护者通常 2 天内回复
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 35/100
- Issue 类型
- 功能
- 描述清晰度
- 需要澄清
- 活跃度
- 冷清
- 技术栈
- react, typescript
- 领域
- accessibility, design, frontend
调研方向
没有指定文件或测试。首先定位 Web 应用的 Material-UI 设置、主题入口、页眉和登录流程；然后跟踪已认证页面的渲染方式。完成的标准是具备浅色和深色调色板、可见的切换控件、localStorage 持久化、系统偏好检测，并且登录页面和已认证页面的行为保持一致且没有 TypeScript 错误。
由索引模型根据 Issue 内容生成。
描述
Issue: Add Dark Mode Support and Theming Consistency
Description
The PipeCD web application currently lacks comprehensive dark mode support and theme switching functionality. The UI is light-themed only, and there is no consistent theming system across the application that allows users to toggle between light and dark modes.
Problem Statement
- No Dark Mode Theme: The application only supports a light color palette
- No Theme Switcher UI: Users cannot switch between themes
- No Theme Persistence: Theme preference is not saved across sessions
- Inconsistent Theming: No centralized theme provider or context management
- Missing Documentation: Lack of integration with Material-UI theme system for proper dark mode support
Expected Behavior
- Users should be able to toggle between light and dark modes via a UI button
- Theme preference should persist across browser sessions using localStorage
- The application should respect system theme preference on first load
- All components should automatically adapt to the selected theme
- Dark mode should provide proper contrast and readability
Acceptance Criteria
- Light and dark theme palettes defined in MUI theme
- ThemeProvider context created for centralized theme management
- Theme toggle button visible in the header
- Theme preference persists to localStorage
- System theme preference detection implemented
- All UI components properly themed in both modes
- No TypeScript errors
- Theme switch works on all pages (login and authenticated)
Related Issues
- Theme/Dark mode consistency across docs and web UI
- Navigation improvements needed for better UX
Priority
Medium - Improves user experience and accessibility
- 主要语言
- Go
- 星标
- 1.4k
- 派生
- 391
- 平均合并
- 4 天 1 小时
- 30 天内合并 PR
- 58
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
pipe-cd/pipecd 的其他 Issue
-
Applications at the repository root are not triggered by new commits可能已有人在做 @Daksha1611 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 62/100
维护者通常 2 天内回复
-
pipedv1 kubernetes plugins ignore trafficRouting.istio.host in K8S_TRAFFIC_ROUTING可能已有人在做 @Dhirenderchoudhary 今天认领。 未关闭
难度 2/5 半天 新手友好度 74/100
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
维护者通常 2 天内回复
-
pipectl transfer restore application drops backed-up labels可能已有人在做 @bhavishyajain545 于 2 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 86/100
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 83/100
维护者通常 2 天内回复
相似的 Issue
-
needs-triage typo
难度 1/5 1 小时以内 新手友好度 88/100
llm-d-incubation/llm-d-scaling-manager#122 ·
维护者通常 1 天内回复
-
good first issue severity: low tech-debt
难度 2/5 半天 新手友好度 75/100
TMHSDigital/subenum#329 ·
维护者通常 1 天内回复
-
[Bug] Backend summarize min() / max() panics when a field has no numeric values可能已有人在做 @weng5e 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 64/100
grafana/grafana-infinity-datasource#1832 ·
维护者通常 1 天内回复
-
tech-debt
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 62/100
GillMacedo/godebugdiff#13 ·