Skip to content

fix(signin): prevent white flash before dark background loads#1344

Merged
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:fix/signin-white-flash-1040
May 28, 2026
Merged

fix(signin): prevent white flash before dark background loads#1344
Priyanshu-byte-coder merged 1 commit into
Priyanshu-byte-coder:mainfrom
mallya-m:fix/signin-white-flash-1040

Conversation

@mallya-m
Copy link
Copy Markdown
Contributor

What does this PR do?

Fixes the white flash visible on the sign-in page before React hydrates. Before this fix, the browser briefly renders a white background before the dark #080808 background kicks in.

Related issue

Closes #1040

Changes made

  • Added src/app/auth/layout.tsx scoped to the /auth route
  • Injects a style tag setting html/body background to #080808 before paint
  • Adds color-scheme: dark to fix scrollbar and system UI colors
  • Also fixed pre-existing empty src/app/api/public/privacy/route.ts which was causing build failures across all PRs

How to test

  1. Open /auth/signin in a fresh browser tab
  2. No white flash before the dark background appears
  3. Hard refresh (Ctrl+Shift+R) — still no flash

Screenshots

N/A — visual timing fix

@vercel
Copy link
Copy Markdown

vercel Bot commented May 27, 2026

@mallya-m is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix labels May 27, 2026
@github-actions
Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@mallya-m
Copy link
Copy Markdown
Contributor Author

@Priyanshu-byte-coder could you please add gssoc:approved, level:intermediate, and type:bug labels? Thank you!

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:beginner GSSoC: Beginner difficulty (20 pts) labels May 28, 2026
@Priyanshu-byte-coder Priyanshu-byte-coder merged commit cf12eb7 into Priyanshu-byte-coder:main May 28, 2026
11 checks passed
@github-actions
Copy link
Copy Markdown

🎉 Merged! Thanks for contributing to DevTrack.

If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers.

Keep an eye on open issues for your next contribution!

@Priyanshu-byte-coder Priyanshu-byte-coder added the level:intermediate GSSoC: Intermediate difficulty (35 pts) label May 28, 2026
@mallya-m mallya-m deleted the fix/signin-white-flash-1040 branch May 28, 2026 11:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:beginner GSSoC: Beginner difficulty (20 pts) level:intermediate GSSoC: Intermediate difficulty (35 pts) type:bug GSSoC type bonus: bug fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: sign-in page shows white flash before dark background loads

2 participants