From 6e2816d035a3ad2071411c1890490639f025757d Mon Sep 17 00:00:00 2001
From: "Cheng Ho Ming, Eric" <123erichappy123@gmail.com>
Date: Thu, 21 May 2026 22:24:54 +0800
Subject: [PATCH] fix(frontend): override browser default background color on
 autofilled login inputs (#4478)

---
 frontend/src/pages/login/LoginPage.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/pages/login/LoginPage.vue b/frontend/src/pages/login/LoginPage.vue
index fab7ba9d..a8840822 100644
--- a/frontend/src/pages/login/LoginPage.vue
+++ b/frontend/src/pages/login/LoginPage.vue
@@ -469,6 +469,13 @@ function cycleTheme() {
   font-weight: 500;
 }
 
+.login-form :deep(input.ant-input:-webkit-autofill) {
+  -webkit-text-fill-color: var(--color-text) !important;
+  -webkit-box-shadow: 0 0 0 1000px var(--bg-card) inset !important;
+  box-shadow: 0 0 0 1000px var(--bg-card) inset !important;
+  transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s;
+}
+
 .submit-row {
   margin-bottom: 0;
 }