style: improve login form styling with proper text colors and transparency

Browse Source

- MudTextField input fields: white text on semi-transparent background
- Improve readability on dark gradient background
- MudTextField labels: light white text
- MudButton: improved blue primary styling
- Form validation: MudAlert error styling
- CSS enhancements for better contrast

Visual improvements:
✅ Input field text visibility (black → white)
✅ Background transparency (opaque → semi-transparent)
✅ Primary button styling (blue gradient)
✅ Label and checkbox colors (white text)

Testing:
✅ Playwright E2E: 1 passed
✅ API endpoint: 200 OK
✅ CSS loading: 200 OK (app.css, MudBlazor.min.css)

Screenshots:
- test-results/login-page-full.png (improved styling)
- test-results/login-card-closeup.png (closeup detail)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

...

This commit is contained in:

김재현

2026-07-05 23:19:25 +09:00

parent c5a1e48313

commit b3c0194778

4 changed files with 207 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

test-results/login-page-full.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 286 KiB