Skip to content

🚀 Feature: Redesign Authentication Page for Dark Theme Consistency and Improved UX #724

@ArshiBansal

Description

@ArshiBansal

🔖 Feature description

The current login page uses a purple gradient background and purple-tinted authentication card that does not match the dark theme used throughout the rest of the application. This creates visual inconsistency and reduces the overall professional appearance of the product.

Proposed improvements
Replace the purple gradient page background with the application's standard dark theme background.
Update the login card styling to improve contrast and separation from the background.
Improve input field visibility by increasing border and placeholder contrast.
Add clear focus states for email and password inputs.
Improve the visibility of the "Sign up" link.
Add a "Forgot Password?" option below the password field.
Align button styling with the application's GitHub-focused branding.
Refine spacing, padding, and typography for better visual hierarchy.
Adjust vertical positioning of the authentication card for improved balance.
Add supporting product messaging (e.g., "Track repositories, commits, and contributions") to better communicate the platform's purpose.

Expected outcome

The authentication page should provide:
Consistent dark-theme styling across the application.
Better accessibility and readability.
Improved visual hierarchy and user experience.
A more professional and modern appearance aligned with GitHubTracker branding.

🎤 Screenshot

No response

🔄️ Additional Information

Keeping the purple gradient and only updating the card styling.
Retaining the existing color scheme while improving contrast levels.

However, adopting the same dark theme used throughout the rest of the application would provide a more consistent user experience and stronger visual identity.

I tried reviewing the current layout and identified inconsistencies between the authentication page and the application's overall design system. A dark-theme redesign combined with accessibility and usability improvements would provide the best long-term solution.

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions