Feature: Revamp UI with transition from dark to light theme#2
Open
Swapnendu003 wants to merge 10 commits intokeploy:mainfrom
Open
Feature: Revamp UI with transition from dark to light theme#2Swapnendu003 wants to merge 10 commits intokeploy:mainfrom
Swapnendu003 wants to merge 10 commits intokeploy:mainfrom
Conversation
…t, and coverage insights Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
…t, and coverage insights Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
…t configs Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
…ror on homepage Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
Signed-off-by: Swapnendu003 <swaps.b003@gmail.com>
There was a problem hiding this comment.
Pull Request Overview
This PR implements a complete UI revamp by transitioning the Keploy application from a dark theme to a light theme. The new design maintains visual consistency with the Keploy main website and improves readability and user experience across all components.
Key changes:
- Complete theme transformation from dark to light with orange/amber color palette
- UI component updates for authentication, dashboard, repository management, and settings
- Enhanced visual consistency and improved accessibility
Reviewed Changes
Copilot reviewed 66 out of 76 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| poc-frontend/src/app/page.tsx | Updated landing page with light theme colors and orange gradients |
| poc-frontend/src/app/globals.css | Complete CSS overhaul with light theme variables and orange accent colors |
| poc-frontend/src/components/Sidebar.tsx | Redesigned sidebar with white background and orange accent scheme |
| poc-frontend/src/components/PageSkeleton.tsx | Light theme layout wrapper with white backgrounds and orange accents |
| poc-frontend/src/app/repositories/page.tsx | Repository management page with light theme styling |
| poc-frontend/src/app/settings/page.tsx | Settings page redesigned with light orange background and clean forms |
| poc-frontend/src/components/CoverageVisualizations/* | Coverage visualization components with orange color scheme |
| poc-frontend/src/components/ActivityGraph.tsx | Activity graph component with orange color palette |
Files not reviewed (1)
- poc-frontend/package-lock.json: Language not supported
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
UI Revamp: Light Theme Alignment with Keploy
Summary
This PR implements a complete UI revamp by transitioning the application from a dark theme to a clean, consistent light theme. The new visual style is aligned with the Keploy main website to ensure brand consistency and improved user experience.
What’s Changed
Design Goals