Skip to content

Feature: Revamp UI with transition from dark to light theme#2

Open
Swapnendu003 wants to merge 10 commits intokeploy:mainfrom
Swapnendu003:theme_changes
Open

Feature: Revamp UI with transition from dark to light theme#2
Swapnendu003 wants to merge 10 commits intokeploy:mainfrom
Swapnendu003:theme_changes

Conversation

@Swapnendu003
Copy link

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

  • Replaced dark backgrounds, text colors, and accent elements with their light theme equivalents.
  • Ensured visual consistency across:
    • Authentication pages
    • Dashboard
    • Repository management views
    • Settings and other UI components

Design Goals

  • Align the UI with the visual identity of the Keploy main website
  • Improve readability, visual clarity, and user comfort
  • Set a baseline for future UI enhancements and possibly a global theming system

…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>
Copilot AI review requested due to automatic review settings July 1, 2025 04:18

This comment was marked as outdated.

@Hermione2408 Hermione2408 requested a review from Copilot August 4, 2025 08:08
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

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

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant