style: 简化多主题样式

src/layouts/components/AppMain.vue

@@ -33,7 +33,6 @@ const settingsStore = useSettingsStore()
 
 .app-main {
   width: 100%;
-  background-color: var(--v3-body-bg-color);
   display: flex;
 }
 

src/styles/theme/core/error-page.scss

@@ -1,5 +0,0 @@
-/** ErrorPage 页面相关 */
-
-.error-page {
-  background-color: $theme-bg-color;
-}

src/styles/theme/core/index.scss

@@ -1,8 +1,5 @@
 .#{$theme-name} {
   @import "./layouts.scss";
-  @import "./login.scss";
-  @import "./error-page.scss";
   @import "./element-plus.scss";
   @import "./vxe-table.scss";
-  @import "./other.scss";
 }

src/styles/theme/core/layouts.scss

@@ -1,5 +1,9 @@
 /** Layout 相关 */
 
+body {
+  background-color: $theme-bg-color;
+}
+
 #app {
   color: $font-color;
   // 右侧设置面板

src/styles/theme/core/login.scss

@@ -1,9 +0,0 @@
-/** Login 页面相关 */
-
-.login-container {
-  background-color: $theme-bg-color;
-  color: $font-color;
-  .login-card {
-    background-color: lighten($theme-bg-color, 4%) !important;
-  }
-}

src/styles/theme/core/other.scss

@@ -1,6 +0,0 @@
-/** 这里可以写业务页面的黑暗样式 */
-
-.app-main {
-  background-color: $theme-bg-color !important;
-  // 写在这里...
-}

src/views/login/index.vue

@@ -157,7 +157,7 @@ createCode()
     max-width: 90%;
     border-radius: 20px;
     box-shadow: 0 0 10px #dcdfe6;
-    background-color: #fff;
+    background-color: var(--el-bg-color-overlay);
     overflow: hidden;
     .title {
       display: flex;