修改全局样式（工业风，提交工业风skill

gear-ui3/src/views/login.vue

@@ -154,25 +154,22 @@ getCookie()
 </script>
 
 <style lang='scss' scoped>
-// 亮色主题（默认）
 .login {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
   background-size: cover;
-  background-image: url('@/assets/images/back.jpg');
+  background-image: linear-gradient(rgba(28, 43, 58, 0.65), rgba(28, 43, 58, 0.65)), url('@/assets/images/back.jpg');
   
-  /* 亮色主题变量 */
-  --color-bg-primary: #f5f7fa90;
-  --color-bg-form: #f5f7fa90;
-  --color-bg-input: #f0f2f5;
-  --color-border-input: #dcdfe6;
-  --color-text-primary: #303133;
-  --color-text-secondary: #606266;
-  --color-text-placeholder: #909399;
-  --color-btn-primary: #409eff;
-  --color-btn-primary-hover: #66b1ff;
+  --color-bg-form: rgba(255, 255, 255, 0.9);
+  --color-bg-input: #f7fbff;
+  --color-border-input: #cfd8e3;
+  --color-text-primary: #1c2b3a;
+  --color-text-secondary: #54708a;
+  --color-text-placeholder: #8a99a8;
+  --color-btn-primary: #1d4e89;
+  --color-btn-primary-hover: #2471a3;
 
   .title {
     margin: 0px auto 30px auto;
@@ -181,6 +178,8 @@ getCookie()
     display: flex;
     align-items: center;
     justify-content: center;
+    font-weight: 700;
+    letter-spacing: 1px;
   }
 
   .right-img {
@@ -202,15 +201,16 @@ getCookie()
     border-radius: 6px;
     backdrop-filter: blur(10px);
     background: var(--color-bg-form);
-    padding: 25px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     padding: 25px 25px 5px 25px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);
+    border: 1px solid rgba(255, 255, 255, 0.55);
   }
 
   :deep(.el-input__wrapper) {
     background: var(--color-bg-input);
-    border-radius: 6px;
+    border-radius: 4px;
     border: 1px solid var(--color-border-input);
+    box-shadow: none;
   }
 
   .el-input {
@@ -221,9 +221,7 @@ getCookie()
     z-index: 1;
     flex: 3;
     border-radius: 6px;
-    // background: var(--color-bg-form);
     padding: 25px;
-    // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 
     .el-input {
       height: 40px;
@@ -288,7 +286,6 @@ getCookie()
     padding-left: 12px;
   }
 
-  /* Element组件样式调整 */
   :deep(.el-checkbox__label) {
     color: var(--color-text-primary);
   }
@@ -308,21 +305,18 @@ getCookie()
   }
 }
 
-// 暗色主题
 .login.dark {
-  /* 暗色主题变量 - 覆盖亮色变量 */
-  --color-bg-primary: #1a1a1a;
-  --color-bg-form: #292929;
-  --color-bg-input: #333333;
-  --color-border-input: #444444;
-  --color-text-primary: #ebebeb;
-  --color-text-secondary: #bfbfbf;
-  --color-text-placeholder: #999999;
-  --color-btn-primary: #409eff;
-  --color-btn-primary-hover: #66b1ff;
+  --color-bg-form: rgba(28, 43, 58, 0.92);
+  --color-bg-input: #223243;
+  --color-border-input: #3f5569;
+  --color-text-primary: #edf3f9;
+  --color-text-secondary: #b9c7d4;
+  --color-text-placeholder: #8fa1b2;
+  --color-btn-primary: #2471a3;
+  --color-btn-primary-hover: #1d4e89;
 
   .login-form {
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
   }
 }
 </style>