feat: darkmode draft version

2023-02-06 07:35:31 +08:00
parent b4c5d5cb86
commit 07ddfbf12b
111 changed files with 885 additions and 2102 deletions
@@ -25,10 +25,10 @@ const InviteModal: FC<Props> = ({ type = "server", cid, title = "", closeModal }
  const finalTitle = type == "server" ? server.name : `#${title || channel?.name}`;
  return (
    <Modal>
-      <div className="flex flex-col bg-white rounded-lg p-4 min-w-[408px]">
-        <h2 className="flex items-center justify-between text-lg text-gray-700 ">
+      <div className="flex flex-col bg-white dark:bg-gray-900 rounded-lg p-4 min-w-[408px]">
+        <h2 className="flex items-center justify-between text-lg text-gray-700 dark:text-gray-50 ">
          {t("invite_title", { name: finalTitle })}
-          <CloseIcon className="cursor-pointer" onClick={closeModal} />
+          <CloseIcon className="cursor-pointer dark:fill-white" onClick={closeModal} />
        </h2>
        {!channel?.is_public && <AddMembers cid={cid} closeModal={closeModal} />}
        <InviteByEmail cid={channel?.is_public ? undefined : cid} />