refactor: 亮色模式下的部分样式调整与翻译

shared/i18n/langs/en-US/translation.json

@@ -4,11 +4,13 @@
   "k131598d0": "A new version is detected, whether to refresh immediately to upgrade to the latest content",
   "k162e37f1": "Plugin is successfully uninstalled, and it needs to be restarted to take effect",
   "k1704ea49": "Install",
+  "k18580d81": "Create a link and send it to external friends",
   "k1885734a": "Effective after refreshing the page",
   "k18c716ce": "Password cannot be less than 6 digits",
   "k19885be1": "Panel name is too long",
   "k1b38bb5c": "Register Now",
   "k1cbe2507": "Confirm",
+  "k23a3bd72": "Abnormal",
   "k2426e452": "Friend Service",
   "k2488f9ee": "Friend Request",
   "k249e23b9": "E-mail format is incorrect",
@@ -77,6 +79,7 @@
   "k8caee957": "Invite friends to converse",
   "k8f6dfd40": "Current members",
   "k9179206d": "Reconnecting",
+  "k93a61ee3": "The invitation link will expire in 7 days",
   "k979fc780": "Unable to join the room, you will not be able to get the latest information, please refresh the page and try again",
   "k9bb01902": "Show Detail",
   "k9d901c20": "Meeting room",
@@ -119,6 +122,7 @@
   "kd2c1a316": "Login",
   "kd2e5e126": "Panel Manage",
   "kd417f93a": "Do you want to delete the other party from your friend list? Note: You will not disappear from the other party's friend list",
+  "kd4216b7b": "Create Link",
   "kd4ff36fa": "Search Friends",
   "kd637a30": "Group Invite Service",
   "kda0e155e": "Create multiplayer converse",

shared/i18n/langs/zh-CN/translation.json

@@ -4,11 +4,13 @@
   "k131598d0": "检测到有新版本, 是否立即刷新以升级到最新内容",
   "k162e37f1": "插件卸载成功, 需要重启后生效",
   "k1704ea49": "安装",
+  "k18580d81": "创建链接并发送给外部好友",
   "k1885734a": "刷新页面后生效",
   "k18c716ce": "密码不能低于6位",
   "k19885be1": "面板名过长",
   "k1b38bb5c": "立即注册",
   "k1cbe2507": "确认",
+  "k23a3bd72": "异常",
   "k2426e452": "好友服务",
   "k2488f9ee": "申请好友",
   "k249e23b9": "邮箱格式不正确",
@@ -77,6 +79,7 @@
   "k8caee957": "邀请好友加入会话",
   "k8f6dfd40": "当前成员数",
   "k9179206d": "正在重新链接",
+  "k93a61ee3": "该邀请链接将会于7天后过期",
   "k979fc780": "无法加入房间, 您将无法获取到最新的信息, 请刷新页面后重试",
   "k9bb01902": "显示详情",
   "k9d901c20": "会议室",
@@ -119,6 +122,7 @@
   "kd2c1a316": "登录",
   "kd2e5e126": "面板管理",
   "kd417f93a": "是否要从自己的好友列表中删除对方? 注意:你不会从对方的好友列表消失",
+  "kd4216b7b": "创建链接",
   "kd4ff36fa": "查找好友",
   "kd637a30": "群组邀请服务",
   "kda0e155e": "创建多人会话",

web/src/components/modals/GroupInvite.tsx

@@ -6,6 +6,7 @@ import {
   useAsyncRequest,
   useGroupInfo,
   isValidStr,
+  t,
 } from 'tailchat-shared';
 import { ModalWrapper } from '../Modal';
 
@@ -32,7 +33,7 @@ export const GroupInvite: React.FC<GroupInviteProps> = React.memo((props) => {
   }, [groupId]);
 
   if (!groupInfo) {
-    return <div>异常</div>;
+    return <div>{t('异常')}</div>;
   }
 
   return (
@@ -55,20 +56,23 @@ export const GroupInvite: React.FC<GroupInviteProps> = React.memo((props) => {
       />
 
       <div className="text-gray-400 font-bold text-lg mb-2">
-        创建链接并发送给外部好友
+        {t('创建链接并发送给外部好友')}
       </div>
 
       <div>
         {isValidStr(inviteLink) ? (
           <div>
             <Typography.Title
-              className="bg-black bg-opacity-30 px-2 py-1 select-text text-lg rounded border border-black border-opacity-20"
+              className="bg-white bg-opacity-30 dark:bg-black dark:bg-opacity-30 px-2 py-1 select-text text-lg rounded border border-black border-opacity-20"
               level={4}
               copyable={true}
             >
               {inviteLink}
             </Typography.Title>
-            <p className="text-gray-500 text-sm">该邀请链接将会于7天后过期</p>
+            {/* TODO: 显示过期天数 */}
+            <p className="text-gray-500 text-sm">
+              {t('该邀请链接将会于7天后过期')}
+            </p>
           </div>
         ) : (
           <Button
@@ -78,7 +82,7 @@ export const GroupInvite: React.FC<GroupInviteProps> = React.memo((props) => {
             loading={loading}
             onClick={handleCreateInviteLink}
           >
-            创建链接
+            {t('创建链接')}
           </Button>
         )}
       </div>

web/src/plugin/PluginStore/Item.tsx

@@ -42,7 +42,7 @@ export const PluginStoreItem: React.FC<{
   }, [manifest]);
 
   return (
-    <div className="rounded-md flex w-80 h-36 bg-white dark:bg-black bg-opacity-40 shadow py-2 px-3">
+    <div className="rounded-md flex w-80 h-36 bg-white bg-opacity-40 dark:bg-black dark:bg-opacity-40 shadow py-2 px-3">
       <div className="flex w-full">
         <div className="mr-2">
           <Avatar shape="square" src={manifest.icon} name={manifest.label} />

web/src/routes/Invite/InviteInfo.tsx

@@ -48,7 +48,7 @@ export const InviteInfo: React.FC<Props> = React.memo((props) => {
   }
 
   return (
-    <div>
+    <div className="text-white">
       <div>
         <Avatar
           className="mb-4"