From 607e1c75b85d801b450845176bae138bb49ef8a9 Mon Sep 17 00:00:00 2001
From: "Cheng Ho Ming, Eric" <eric310@connect.hku.hk>
Date: Wed, 20 May 2026 21:13:27 +0800
Subject: [PATCH] fix(frontend): override browser default background color on
 autofilled login inputs

---
 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;
 }