🎨 Improve Login Page CSS & Implement Username Persistence

Browse Source

Improvements:
✅ Input field text color: White (#ffffff) for better visibility
✅ Label color: Clear white for better contrast
✅ Input field borders: Refined styling with transparency
✅ Remember username feature: Implemented localStorage persistence
✅ Error messages: Red color (#ff7675) for emphasis
✅ Login button: Enhanced styling with hover effects
✅ Helper text: Added for better UX guidance

Features:
- Auto-fill username from localStorage when checked
- Improved visual hierarchy
- Better color contrast for accessibility
- Enhanced focus states

Testing:
✅ 6/6 Playwright E2E tests passing
✅ All input fields now clearly visible
✅ Username persistence verified
✅ CSS styling verified
✅ Button interactions verified

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

...

This commit is contained in:

김재현

2026-07-05 19:35:01 +09:00

parent d3b607ce28

commit 20f0e32632

8 changed files with 577 additions and 5 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-input-filled.png

BIN

Binary file not shown.

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