优化系统布局

src/assets/styles/element-ui.scss

@@ -1,16 +1,5 @@
 // cover some element-ui styles
 
-.el-breadcrumb__inner,
-.el-breadcrumb__inner a {
-  font-weight: 400 !important;
-}
-
-// .el-upload {
-//   input[type="file"] {
-//     display: none !important;
-//   }
-// }
-
 .el-upload__input {
   display: none;
 }
@@ -21,11 +10,11 @@
   }
 }
 
-.small-padding {
-  .cell {
-    padding-left: 5px;
-    padding-right: 5px;
-  }
+// table 里面操作按钮样式覆盖
+.el-table__cell .cell {
+	.el-button.is-text{
+		padding: 8px 5px;
+	}
 }
 
 .status-col {
@@ -50,7 +39,7 @@
 
 .el-header {
   --el-header-padding: 0 0px !important;
-  --el-header-height: 50px !important;
+  // --el-header-height: 50px !important;
 }
 // el 2.2.0 text button
 .el-button.is-text {

src/assets/styles/index.scss

@@ -5,7 +5,7 @@
 @import './sidebar.scss';
 @import './btn.scss';
 @import './waves.scss';
-@import './black.scss';
+// @import './black.scss';
 
 html,
 body,

src/assets/styles/sidebar.scss

@@ -1,7 +1,7 @@
 #app {
   .layout-sidebar__container {
     transition: width 0.28s ease;
-    background-color: var(--base-menu-background);
+    // background-color: var(--base-menu-background);
     height: 100%;
     position: relative;
     font-size: 0px;
@@ -78,7 +78,8 @@
 
     .layout-sidebar__container {
       transition: transform 0.28s;
-			position: fixed;
+      position: fixed;
+      background: var(--base-menu-background, #fff);
     }
 
     &.hideSidebar {

src/assets/styles/variables.module.scss

@@ -10,31 +10,47 @@ $panGreen: #30b08f;
 
 // 默认菜单主题风格
 :root {
-  --base-menu-background: #ffffff;
-  --base-logo-title-color: #ffffff;
-  --base-topBar-background: #ffffff;
-  --base-topBar-color: #5a5e66;
-  --base-sidebar-width: 220px;
-  --base-sidebar-left: 64px;
+  // --base-menu-background: #ffffff;
+  // --base-logo-title-color: #ffffff;
+  // --base-topBar-background: #ffffff;
+  // --base-topBar-color: #5a5e66;
 
+  --base-text-color-rgba: rgba(0, 0, 0, 0.85);
+  --base-sidebar-width: 220px;
   --el-aside-width: 220px;
+  --el-header-height: 50px;
+  --base-footer-height: 40px;
+  --base-tags-height: 34px;
 }
 /***默认主题颜色配置***/
 [data-theme='theme-light'] {
   // 菜单背景
-  --base-menu-background: #ffffff;
-  // logo部分文字颜色
-  --base-logo-title-color: #001529;
-  // 顶部导航栏背景色
-  --base-topBar-background: #ffffff;
+  // --base-menu-background: #ffffff;
+  // // logo部分文字颜色
+  // --base-logo-title-color: #001529;
+  // // 顶部导航栏背景色
+  // --base-topBar-background: #ffffff;
 }
 /***深色主题颜色配置***/
 [data-theme='theme-dark'] {
-  --base-menu-background: #304156;
-  --base-logo-title-color: #ffffff;
-  --base-topBar-background: #ffffff;
+  // --base-menu-background: #304156;
+  // --base-logo-title-color: #ffffff;
+  // --base-topBar-background: #ffffff;
 
-  // el-ement ui 设置
-  --el-fill-color-blank: #304156;
-  --el-text-color-primary: #bfcbd9;
+  // // el-ement ui 设置
+  // --el-fill-color-blank: #304156;
+  // --el-text-color-primary: #bfcbd9;
+}
+html.dark {
+  /* custom dark bg color */
+  // --el-bg-color: #626aef;
+  --base-color-white: #ffffff;
+  --base-text-color-rgba: #fff;
+  --base-menu-background: var(--el-bg-color);
+}
+html.cafe {
+  filter: sepia(0.9) hue-rotate(315deg) brightness(0.9);
+}
+html.contrast {
+  filter: contrast(2);
 }