fix(ui): correct login autofill background alignment (#3759)

[negativ14]

What I Fixed

Resolved the issue where autofilled login input fields had mismatched background
colors, causing an uneven visual appearance on the login page.

🎯Why This Fix Matters

The autofill background styling created a noticeable misalignment.
This fix ensures a uniform background for autofilled fields and maintains consistent
UI design.

Demo (Before/After)

umami.mp4

How to Test

1. Open /login
2. Trigger autofill for email/password
3. Confirm background color is now uniform
4. Check that normal (non-autofill) inputs still look correct

Checklist

• UI visually tested
• Autofill behavior confirmed
• No console warnings
• Follows project coding style
• Includes visual proof

[vercel]

@negativ14 is attempting to deploy a commit to the umami-software Team on Vercel.

A member of the Team first needs to authorize it.

[greptile-apps]

Greptile Summary

• Fixed autofill background color misalignment on login page by adding webkit-specific CSS overrides
• Removed empty dist section from pnpm-lock.yaml for cleanup

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• Score reflects simple CSS styling fix with well-established webkit autofill pattern and harmless lock file cleanup
• No files require special attention

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant LoginForm
    participant TextField
    participant CSS
    User->>Browser: "Navigate to /login"
    Browser->>LoginForm: "Render login page"
    LoginForm->>TextField: "Render username/password fields"
    TextField->>Browser: "Display input fields"
    User->>Browser: "Trigger autofill"
    Browser->>TextField: "Apply -webkit-autofill pseudo-class"
    TextField->>CSS: "Apply autofill styles from global.css"
    CSS->>TextField: "Override background with --background-color"
    TextField->>Browser: "Display uniform background"

Loading

[greptile-apps]

_{1 file reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile
React with 👍 or 👎 to share your feedback on this new summary format}