Skip to content

🚀 Feature: Redesign Registration Page for Dark Theme Consistency and Improved UX #725

@ArshiBansal

Description

@ArshiBansal

🔖 Feature description

The current registration page uses the same purple gradient background and purple-tinted card design as the login page, which is inconsistent with the dark theme used throughout the rest of the application. Several form elements also have low contrast, reducing readability and accessibility.

Proposed improvements
Replace the purple gradient background with the application's standard dark theme background.
Update the registration card to better match the application's design system.
Improve contrast for input fields, icons, borders, and placeholder text.
Add clear focus states for all form inputs.
Improve visibility of the "Sign in here" link.
Ensure the password visibility toggle is clearly visible and accessible.
Refine spacing and alignment between form fields.
Improve typography hierarchy and readability.
Align the "Create Account" button styling with the application's GitHub-focused branding.
Add supporting copy that better explains the value of creating an account.

Expected outcome

The registration page should:
Match the application's dark theme and visual identity.
Provide a consistent authentication experience alongside the login page.
Improve accessibility and readability.
Present a more professional and modern onboarding experience.

🎤 Screenshot

No response

🔄️ Additional Information

Keeping the existing purple theme and only improving form contrast.
Applying minor styling adjustments without changing the overall page design.

However, adopting the application's dark theme across all authentication screens would create a more cohesive and professional user experience.

I reviewed the current registration page and found that it shares the same visual inconsistencies as the login page. Updating both authentication screens together would ensure design consistency and reduce future UI maintenance.

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