Update Signup.tsx

[ArshiBansal]

Related Issue

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

---

Description

Refactored the registration page to align with the application's dark theme and GitHub-focused branding.

Changes made:

• Replaced the purple gradient background with the application's standard dark navy background used on the homepage.
• Added subtle blue accent glows and grid background effects to match the overall visual identity.
• Redesigned the registration card using dark surfaces, improved borders, and consistent shadow styling.
• Improved input field contrast, placeholder visibility, icon visibility, and border styling for better readability and accessibility.
• Added clear focus states for all form controls using cyan highlights.
• Enhanced password visibility toggle styling and accessibility.
• Improved typography hierarchy with clearer headings, supporting copy, and better spacing.
• Updated the "Create Account" button to use GitHub-inspired cyan/blue branding.
• Increased visibility of the "Sign in here" link for improved navigation.
• Refined spacing, alignment, and responsiveness across the form.

Outcome

The registration page now provides:

• A consistent dark-theme experience that matches the homepage and application design system.
• Improved accessibility and readability.
• Better visual hierarchy and onboarding experience.
• Modern GitHub-focused branding and styling.

---

How Has This Been Tested?

• Verified registration form renders correctly in dark mode.
• Tested input validation for username, email, and password fields.
• Confirmed focus states appear correctly on all form inputs.
• Verified password visibility toggle functionality.
• Tested successful account creation and redirect to login page.
• Checked responsive behavior across desktop and mobile screen sizes.
• Validated improved contrast and readability against dark backgrounds.

---

Screenshots (if applicable)

---

Type of Change

• Bug fix
• Code style update
• New feature
• Breaking change
• Documentation update

[coderabbitai]

Warning

Review limit reached

@ArshiBansal, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 54 minutes and 10 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d4a4aa3d-76bb-4949-a07b-c94de684cd1c

📥 Commits

Reviewing files that changed from the base of the PR and between 53f820b and e1cfdda.

📒 Files selected for processing (1)

• src/pages/Signup/Signup.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[netlify]

✅ Deploy Preview for github-spy ready!

Name	Link
🔨 Latest commit	e1cfdda
🔍 Latest deploy log	https://app.netlify.com/projects/github-spy/deploys/6a2823013b5825000751be12
😎 Deploy Preview	https://deploy-preview-737--github-spy.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.