Skip to content

Add rainbow theme to the login page - #11

Draft
kc-beard wants to merge 2 commits into
masterfrom
kc-beard/add-rainbow-login-theme-6e4v39
Draft

Add rainbow theme to the login page#11
kc-beard wants to merge 2 commits into
masterfrom
kc-beard/add-rainbow-login-theme-6e4v39

Conversation

@kc-beard

@kc-beard kc-beard commented Jul 29, 2026

Copy link
Copy Markdown

Summary

  • Restyle the login page with an animated rainbow gradient backdrop, top accent bar, and glass-style form panel
  • Apply rainbow gradient styling to the umami brand text, form border, and login button
  • Use the white logo variant for contrast on the dark rainbow background
  • Add Niteshift setup (Postgres, .env, migrations) and a web preview service

Test plan

  • Open /login and confirm the rainbow backdrop, brand text, form border, and button are visible
  • Check desktop and mobile viewports for layout and contrast
  • Confirm login still works with valid credentials (admin / umami)
  • Confirm .niteshift/setup and .niteshift/services.yaml match the intended sandbox workflow

Verification

Verification report

Screenshots

Desktop login page with rainbow theme
Mobile login page with rainbow theme

🌒 Run on Niteshift: View Task

Made with Cursor

kc-beard and others added 2 commits July 29, 2026 21:39
Give the login screen an animated rainbow gradient backdrop, brand text, form border, and submit button so the page feels distinctly themed.

Run-on: Niteshift Local Dev
Co-authored-by: Cursor <cursoragent@cursor.com>
Provision Postgres, env, migrations, and the Next.js preview service automatically for future sandboxes.

Run-on: Niteshift Local Dev
Co-authored-by: Cursor <cursoragent@cursor.com>
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.

1 participant