Skip to content

#6765 issue is fixed Added Dark Mode Support and Theming Consistency#6771

Open
AbhiramDhanvi wants to merge 1 commit into
pipe-cd:masterfrom
AbhiramDhanvi:#6765
Open

#6765 issue is fixed Added Dark Mode Support and Theming Consistency#6771
AbhiramDhanvi wants to merge 1 commit into
pipe-cd:masterfrom
AbhiramDhanvi:#6765

Conversation

@AbhiramDhanvi
Copy link
Copy Markdown

What this PR does:
Adds full dark mode support to the PipeCD web application. I've added a simple theme context to handle switching, updated the main entry point to watch for OS preference or saved settings, and added a sun/moon toggle button directly in the header so users can switch themes easily.

Why we need it:
The application currently only supports a bright light theme, which can cause eye strain. Adding a dark mode provides a better, more modern user experience and respects user preferences.

Which issue(s) this PR fixes:
Fixes #6765

Does this PR introduce a user-facing change:
Yes.

How are users affected by this change:
Users will notice a new sun or moon icon in the top right of the header bar. Clicking it flips the entire app between light and dark themes. The app will also automatically start in dark mode if their computer is set to dark mode by default.
Is this breaking change:
No.
How to migrate (if breaking change):
N/A

Copy link
Copy Markdown
Contributor

@Ayushmore1214 Ayushmore1214 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AbhiramDhanvi thanks for your contribution, plz start with assigning of issues first to you and then start working on it, we might have to close this one as there is already one relevant PR #6766 here

@Ayushmore1214
Copy link
Copy Markdown
Contributor

@AbhiramDhanvi also your DCO seems to be failing plz sign it off

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Issue: Add Dark Mode Support and Theming Consistency

2 participants