From d43fcdcdd65196a7517dde25eaee503fde8b6500 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Tue, 4 Jun 2024 02:21:28 +0000
Subject: [PATCH] fix(core): unexpected autofill style in dark mode (#7130)

before:
<img width="395" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/028a6dcf-2b8f-465a-99e7-5ef147079b5c">

after:
<img width="420" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/1ae1b75d-bb64-4b2c-9021-8fb7bb41460b">
---
 packages/frontend/component/src/ui/input/style.css.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/frontend/component/src/ui/input/style.css.ts b/packages/frontend/component/src/ui/input/style.css.ts
index 4ea8ff5804..aed3cff667 100644
--- a/packages/frontend/component/src/ui/input/style.css.ts
+++ b/packages/frontend/component/src/ui/input/style.css.ts
@@ -69,5 +69,8 @@ export const input = style({
     '&:disabled': {
       color: cssVar('textDisableColor'),
     },
+    '&:-webkit-autofill': {
+      WebkitBoxShadow: `0 0 0 1000px ${cssVar('white')} inset`,
+    },
   },
 });