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;