From fe00cb8015fe27320afa2652fe5f4dcdff740b91 Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Wed, 29 May 2024 15:15:10 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=9B=BA=E5=AE=9A=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=B7=E5=BC=8F=20(#5197)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/login/components/login-form.vue | 30 +++++++++++++------
 frontend/src/views/login/entrance/index.vue   |  2 +-
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index 1a00097b4..3860294f2 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -123,10 +123,7 @@
                     <el-form-item prop="agreeLicense">
                         <el-checkbox v-model="loginForm.agreeLicense">
                             <template #default>
-                                <span
-                                    style="white-space: pre-wrap; line-height: 14px"
-                                    v-html="$t('commons.login.licenseHelper')"
-                                ></span>
+                                <span class="agree" v-html="$t('commons.login.licenseHelper')"></span>
                             </template>
                         </el-checkbox>
                         <span
@@ -451,6 +448,8 @@ onMounted(() => {
         width: 100%;
         height: 45px;
         margin-top: 10px;
+        background-color: #005eeb;
+        color: #ffffff;
     }
 
     .demo {
@@ -471,11 +470,24 @@ onMounted(() => {
         }
     }
 
-    .l-select {
-        :deep(.el-input__wrapper) {
-            background: none !important;
-            box-shadow: none !important;
-        }
+    .agree {
+        white-space: pre-wrap;
+        line-height: 14px;
+        color: #005eeb;
+    }
+
+    :deep(.el-checkbox__input .el-checkbox__inner) {
+        background-color: #fff !important;
+        border-color: #fff !important;
+    }
+
+    :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
+        background-color: #005eeb !important;
+        border-color: #005eeb !important;
+    }
+
+    :deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {
+        border-color: #fff !important;
     }
 }
 </style>
diff --git a/frontend/src/views/login/entrance/index.vue b/frontend/src/views/login/entrance/index.vue
index 24ad1642e..59d76fafb 100644
--- a/frontend/src/views/login/entrance/index.vue
+++ b/frontend/src/views/login/entrance/index.vue
@@ -174,7 +174,7 @@ onMounted(() => {
         text-align: right;
         margin-right: 10%;
         span:first-child {
-            color: $primary-color;
+            color: #005eeb;
             font-size: 40px;
             font-family: pingFangSC-Regular;
             font-weight: 600;