Issue: Add Dark Mode Support and Theming Consistency

Đang mở
  • Có gì không ổn?
#6,765 2 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 2 ngày

@Ansita20 đang làm issue này rồi.

Từ ngày 13/5/2026.

  • #6771 của @AbhiramDhanvi — đã đóng, không merge

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
35/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Ít trao đổi
Công nghệ
react, typescript
Lĩnh vực
accessibility, design, frontend

Hướng nghiên cứu

Không có tệp hoặc bài kiểm thử nào được nêu tên. Hãy bắt đầu bằng việc xác định thiết lập Material-UI của ứng dụng web, các điểm vào của theme, header và luồng đăng nhập; sau đó theo dõi cách các trang đã xác thực được render. Được xem là hoàn tất khi có palette sáng và tối, một nút chuyển đổi hiển thị, khả năng lưu trạng thái trong localStorage, phát hiện tùy chọn hệ thống và hành vi nhất quán trên trang đăng nhập cũng như các trang đã xác thực mà không có lỗi TypeScript.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

  1. No Dark Mode Theme: The application only supports a light color palette
  2. No Theme Switcher UI: Users cannot switch between themes
  3. No Theme Persistence: Theme preference is not saved across sessions
  4. Inconsistent Theming: No centralized theme provider or context management
  5. 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

Ngôn ngữ chính
Go
Star
1.4k
Fork
391
Merge trung bình
4 ngày 1 giờ
Pull request đã merge (30 ngày)
58

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của pipe-cd/pipecd

Tất cả issue của pipe-cd/pipecd

Issue tương tự

Thêm issue về Go

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.