feat: 使用自定义主题色

src/views/auth/Login.vue

@@ -3,7 +3,7 @@
     <div class="login-wrapper__header">
       <h2 class="login-wrapper__title">欢迎回来 👋🏻</h2>
       <p>
-        <span style="color: #71717a">登录账号以进入对战</span>
+        <span style="color: var(--text-tertiary)">登录账号以进入对战</span>
       </p>
     </div>
     <el-form
@@ -34,7 +34,7 @@
       <el-form-item>
         <div class="login-wrapper__actions">
           <el-checkbox v-model="rememberAccount">记住账号</el-checkbox>
-          <a href="javascript:void(0)" style="color: #2080f0">忘记密码？</a>
+          <a href="javascript:void(0)" style="color: var(--text-link)">忘记密码？</a>
         </div>
       </el-form-item>
       <el-form-item>
@@ -55,7 +55,7 @@
       <el-form-item>
         <div class="login-wrapper__register-link">
           <span>没有账号？</span>
-          <router-link to="/auth/register" style="color: #2080f0">创建账号</router-link>
+          <router-link to="/auth/register" style="color: var(--text-link)">创建账号</router-link>
         </div>
       </el-form-item>
     </el-form>