feat: implement dark mode toggle #342 #383
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This PR implements a full system-wide Dark Mode for the application (Issue #342). It introduces a
ThemeContextfor centralized theme management and ensures the app automatically respects the user's system preference on first load.Key Changes:
src/Context/ThemeContext.jsto manage light/dark state and provide colors to components.@theme-toggles/react(specifically theExpandanimation) for a polished UX.Header,Timeline,App, and other components to consume dynamic colors from the new context.Dependencies Added:
@theme-toggles/react(^4.1.0)Fixes #342
Type of Change:
Code/Quality Assurance Only
How Has This Been Tested?
I have performed manual testing to verify the following scenarios:
Screenshots:


Before:
After:
Before:


After:
Before:


After:
Checklist:
Code/Quality Assurance Only