feat: darkmode draft version

src/common/component/InviteLink.tsx

@@ -15,14 +15,14 @@ const InviteLink: FC<Props> = () => {
 
   return (
     <div className="flex flex-col items-start pb-8">
-      <span className="font-semibold text-sm mb-2 text-gray-500">{t("share_invite_link")}</span>
+      <span className="font-semibold text-sm mb-2 text-gray-500 dark:text-gray-50">{t("share_invite_link")}</span>
       <div className="w-[512px] mb-3 relative">
         <Input readOnly className={"large !pr-16"} placeholder="Generating" value={link} />
         <Button onClick={copyLink} className="ghost small border_less absolute right-1 top-1/2 -translate-y-1/2">
           {linkCopied ? "Copied" : t("action.copy", { ns: "common" })}
         </Button>
       </div>
-      <span className="text-xs text-gray-600">{t("invite_link_expire")}</span>
+      <span className="text-xs text-gray-600 dark:text-gray-100">{t("invite_link_expire")}</span>
       <div className="w-44 h-44 my-2">
         <QRCode link={link} />
       </div>