Skip to content

feat(auth): style sign-in and sign-up pages to match dark industrial neon-cyan design system#45

Open
Vaishnavi10706 wants to merge 4 commits into
probably-ABHINAV:mainfrom
Vaishnavi10706:feat/23-style-auth-pages
Open

feat(auth): style sign-in and sign-up pages to match dark industrial neon-cyan design system#45
Vaishnavi10706 wants to merge 4 commits into
probably-ABHINAV:mainfrom
Vaishnavi10706:feat/23-style-auth-pages

Conversation

@Vaishnavi10706
Copy link
Copy Markdown

Summary

Styles the /sign-in and /sign-up pages to align with OPSCORD’s dark industrial neon-cyan design system and landing page aesthetic.

Changes

  • apps/web/app/sign-in/page.tsx
  • apps/web/app/sign-up/page.tsx

What was changed

  • Replaced plain blue background glows with neon cyan (#50E3C2) radial gradients
  • Added a subtle 40px grid overlay in cyan (matching the landing page's industrial texture)
  • Card border updated to cyan-tinted (rgba(80,227,194,0.18)) with a soft cyan box-shadow
  • Added a cyan gradient accent line at the top of each card
  • Labels converted to monospace uppercase cyan (// AUTHENTICATE, // EARLY ACCESS) following the existing section-label pattern
  • Input borders are now cyan-tinted with a cyan focus ring on focus/hover for visible accessibility
  • Footer links (Sign up → / Sign in →) use var(--cyan) accent color
  • Added an or divider between the CTA button and the footer link
  • Added a trust tagline: Secured · SOC2 Ready · Zero-trust in monospace
  • Subtitle copy updated to match OPSCORD's DevOps tone

What was NOT changed

  • No routing, authentication logic, or API calls modified
  • No new packages installed
  • No other files touched
  • All form fields, placeholders, types, and href targets preserved exactly

Before

Screenshot 2026-05-16 005840 Screenshot 2026-05-16 005853

After

Screenshot 2026-05-16 010723 Screenshot 2026-05-16 010735

Changes Made

  • Improved auth page styling
  • Added OPSCORD branding consistency
  • Enhanced responsiveness
  • Added industrial neon-cyan aesthetic

Closes #23

@vercel
Copy link
Copy Markdown

vercel Bot commented May 15, 2026

@Vaishnavi10706 is attempting to deploy a commit to the xoxogroovy-7398's projects Team on Vercel.

A member of the Team first needs to authorize it.

@probably-ABHINAV
Copy link
Copy Markdown
Owner

@Vaishnavi10706 conflict pull then latest

@Vaishnavi10706
Copy link
Copy Markdown
Author

All conflicts has been resolved now. @probably-ABHINAV

probably-ABHINAV and others added 2 commits May 21, 2026 10:57
Refactor sign-in page to display a timeline of milestones for the project, replacing the previous sign-in form.
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.

[GSSoC]: [UI] Sign In and Sign Up pages have no styling — inconsistent with dark theme

2 participants