chore: fix tiny UIs

src/common/component/ManageMembers/MemberList.tsx

@@ -96,7 +96,7 @@ const MemberList: FC<Props> = ({ cid }) => {
                                             })}
                                         >
                                             {t("admin")}
-                                            {is_admin && <IconCheck className="icon" />}
+                                            {is_admin && <IconCheck className="icon dark:fill-white" />}
                                         </li>
                                         <li
                                             className="item sb"
@@ -107,7 +107,7 @@ const MemberList: FC<Props> = ({ cid }) => {
                                             })}
                                         >
                                             {t("user")}
-                                            {!is_admin && <IconCheck className="icon" />}
+                                            {!is_admin && <IconCheck className="icon dark:fill-white" />}
                                         </li>
                                     </ul>
                                 }

src/common/component/UsersModal.tsx

@@ -24,9 +24,9 @@ const UsersModal: FC<Props> = ({ closeModal }) => {
 
   return (
     <Modal>
-      <div className="flex flex-col w-80 md:w-[440px] max-h-[402px] bg-white drop-shadow rounded-lg" ref={wrapperRef}>
+      <div className="flex flex-col w-80 md:w-[440px] max-h-[402px] bg-white dark:bg-gray-900 drop-shadow rounded-lg" ref={wrapperRef}>
         <div className="shadow-md p-2">
-          <input className=" p-2 text-sm" value={input} onChange={handleSearch} placeholder={t("search_user_placeholder")} />
+          <input className="p-2 text-sm bg-transparent dark:text-white" value={input} onChange={handleSearch} placeholder={t("search_user_placeholder")} />
         </div>
         {users && (
           <ul className="flex flex-col overflow-y-scroll h-[260px] py-4">

src/common/component/styled/Select.tsx

@@ -59,7 +59,7 @@ const Select: FC<Props> = ({ options = [], updateSelect = null, current = null }
       }
     >
       <div className="select-none border border-solid border-slate-200 p-2 flex items-center gap-2" onClick={toggleVisible}>
-        <span className="text-sm text-gray-500 min-w-[76px]">{(current !== null ? current : curr)?.title || t("action.select")}</span>
+        <span className="text-sm text-gray-500 dark:text-gray-200 min-w-[76px]">{(current !== null ? current : curr)?.title || t("action.select")}</span>
         <IconArrow className="!w-5 !h-5" />
       </div>
     </Tippy>