From 6242f648f1c4fb37eef97c71f16e921b7e421b38 Mon Sep 17 00:00:00 2001
From: GeekMaster <yangjian102621@gmail.com>
Date: Fri, 15 Aug 2025 18:51:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=94=AF=E6=8C=81=20dark=20=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/assets/css/theme-dark.scss | 13 ++++++++++---
 web/src/components/LoginDialog.vue | 12 +++++++-----
 web/src/views/Login.vue            | 20 +++++++-------------
 web/src/views/Register.vue         | 20 +++++++-------------
 4 files changed, 31 insertions(+), 34 deletions(-)

diff --git a/web/src/assets/css/theme-dark.scss b/web/src/assets/css/theme-dark.scss
index 283720e6..ebdd86c9 100644
--- a/web/src/assets/css/theme-dark.scss
+++ b/web/src/assets/css/theme-dark.scss
@@ -1,10 +1,17 @@
 @use 'font.scss' as *;
-:root[data-theme="dark"] {
+:root[data-theme='dark'] {
   --text-fb: #fff;
   --text-color: rgba(255, 255, 255, 1) !important; // 主要的文本颜色
   --normal-color: rgba(163, 174, 208, 1); // 普通颜色
   --el-text-color-primary: #fff;
-  p, h1, h2, h3, h4, h5, h6, article {
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  article {
     // color: var(--text-color) !important;
     font-family: $font-regular;
   }
@@ -107,4 +114,4 @@
   --login-text-color: #a3aed0;
   --login-link-color: #d1c7ff;
   --login-link-hover-bg: rgba(209, 199, 255, 0.1);
-}
\ No newline at end of file
+}
diff --git a/web/src/components/LoginDialog.vue b/web/src/components/LoginDialog.vue
index 1926f9b0..ba41f8b9 100644
--- a/web/src/components/LoginDialog.vue
+++ b/web/src/components/LoginDialog.vue
@@ -43,13 +43,13 @@
         <div class="w-full">
           <div
             class="text flex justify-center items-center pt-3 text-sm"
-            style="color: var(--login-text-color);"
+            style="color: var(--login-text-color)"
           >
             还没有账号？
             <el-button
               size="small"
               class="ml-2 rounded-md px-2 py-1 transition-colors duration-200"
-              style="color: var(--login-link-color);"
+              style="color: var(--login-link-color)"
               @click="login = false"
               @mouseenter="$event.target.style.background = 'var(--login-link-hover-bg)'"
               @mouseleave="$event.target.style.background = 'transparent'"
@@ -217,14 +217,16 @@
 
         <div
           class="text text-sm flex justify-center items-center w-full pt-3"
-          style="color: var(--login-text-color);"
+          style="color: var(--login-text-color)"
         >
           已有账号？
           <el-button
             size="small"
-            class="ml-2 rounded-md px-2 py-1"
-            style="color: var(--login-link-color);"
+            class="ml-2 rounded-md px-2 py-1 transition-colors duration-200"
+            style="color: var(--login-link-color)"
             @click="login = true"
+            @mouseenter="$event.target.style.background = 'var(--login-link-hover-bg)'"
+            @mouseleave="$event.target.style.background = 'transparent'"
             >登录</el-button
           >
         </div>
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 536a6497..7489d504 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -1,12 +1,12 @@
 <template>
   <div
     class="min-h-screen flex items-center justify-center p-5 relative overflow-auto"
-    style="background: var(--login-bg);"
+    style="background: var(--login-bg)"
   >
     <router-link
       to="/"
       class="fixed top-5 left-5 z-50 flex items-center justify-center w-11 h-11 border border-transparent rounded-xl text-white no-underline shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-xl"
-      style="background: var(--btnColor);"
+      style="background: var(--btnColor)"
       title="返回首页"
     >
       <i class="iconfont icon-home text-xl"></i>
@@ -14,23 +14,17 @@
     <div class="w-full max-w-md mx-auto">
       <div
         class="rounded-3xl p-10 shadow-2xl backdrop-blur-sm relative overflow-hidden"
-        style="background: var(--login-card-bg); border: 1px solid var(--login-card-border);"
+        style="background: var(--login-card-bg); border: 1px solid var(--login-card-border)"
       >
-        <div
-          class="absolute top-0 left-0 right-0 h-1"
-          style="background: var(--btnColor);"
-        ></div>
+        <div class="absolute top-0 left-0 right-0 h-1" style="background: var(--btnColor)"></div>
         <div class="text-center mb-8">
-          <h1 
+          <h1
             class="text-3xl font-semibold m-0 mb-2 tracking-tight"
-            style="color: var(--login-title-color);"
+            style="color: var(--login-title-color)"
           >
             欢迎登录
           </h1>
-          <p 
-            class="text-base m-0 leading-relaxed"
-            style="color: var(--login-subtitle-color);"
-          >
+          <p class="text-base m-0 leading-relaxed" style="color: var(--login-subtitle-color)">
             登录您的账户以继续使用服务
           </p>
         </div>
diff --git a/web/src/views/Register.vue b/web/src/views/Register.vue
index 8897593a..7873a784 100644
--- a/web/src/views/Register.vue
+++ b/web/src/views/Register.vue
@@ -1,12 +1,12 @@
 <template>
   <div
     class="min-h-screen flex items-center justify-center p-5 relative overflow-auto"
-    style="background: var(--login-bg);"
+    style="background: var(--login-bg)"
   >
     <router-link
       to="/"
       class="fixed top-5 left-5 z-50 flex items-center justify-center w-11 h-11 border border-transparent rounded-xl text-white no-underline shadow-lg backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-xl"
-      style="background: var(--btnColor);"
+      style="background: var(--btnColor)"
       title="返回首页"
     >
       <i class="iconfont icon-home text-xl"></i>
@@ -14,23 +14,17 @@
     <div class="w-full max-w-md mx-auto">
       <div
         class="rounded-3xl p-10 shadow-2xl backdrop-blur-sm relative overflow-hidden"
-        style="background: var(--login-card-bg); border: 1px solid var(--login-card-border);"
+        style="background: var(--login-card-bg); border: 1px solid var(--login-card-border)"
       >
-        <div
-          class="absolute top-0 left-0 right-0 h-1"
-          style="background: var(--btnColor);"
-        ></div>
+        <div class="absolute top-0 left-0 right-0 h-1" style="background: var(--btnColor)"></div>
         <div class="text-center mb-8">
-          <h1 
+          <h1
             class="text-3xl font-semibold m-0 mb-2 tracking-tight"
-            style="color: var(--login-title-color);"
+            style="color: var(--login-title-color)"
           >
             用户注册
           </h1>
-          <p 
-            class="text-base m-0 leading-relaxed"
-            style="color: var(--login-subtitle-color);"
-          >
+          <p class="text-base m-0 leading-relaxed" style="color: var(--login-subtitle-color)">
             创建您的账户以开始使用服务
           </p>
         </div>