From 5db0a5410db6c4fca0b1c4d9b867538688d72e6d Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 17 Sep 2021 20:53:43 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E4=BA=AE=E8=89=B2?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E4=B8=80=E4=BA=9B=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/UserListItem.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/UserListItem.tsx b/web/src/components/UserListItem.tsx
index d98808cc..02c9ccd0 100644
--- a/web/src/components/UserListItem.tsx
+++ b/web/src/components/UserListItem.tsx
@@ -30,7 +30,7 @@ export const UserListItem: React.FC<UserListItemProps> = React.memo((props) => {
   }, []);
 
   return (
-    <div className="flex items-center h-14 px-2.5 rounded group bg-white bg-opacity-0 hover:bg-opacity-20">
+    <div className="flex items-center h-14 px-2.5 rounded group bg-black bg-opacity-0 hover:bg-opacity-20 dark:bg-white dark:bg-opacity-0 dark:hover:bg-opacity-20">
       <Skeleton
         loading={_isEmpty(userInfo)}
         avatar={true}
@@ -40,9 +40,9 @@ export const UserListItem: React.FC<UserListItemProps> = React.memo((props) => {
         <div className="mr-2" onClick={handleClick}>
           <Avatar src={userInfo.avatar} name={userName} isOnline={isOnline} />
         </div>
-        <div className="flex-1 text-white">
+        <div className="flex-1 text-gray-900 dark:text-white">
           <span>{userName}</span>
-          <span className="text-gray-300 opacity-0 group-hover:opacity-100">
+          <span className="text-gray-500 dark:text-gray-300 opacity-0 group-hover:opacity-100">
             #{userInfo.discriminator}
           </span>
         </div>