feat(*):菜单样式修改

src/style.css

@@ -54,16 +54,16 @@
 }
 
 .view-btn {
-  color: var(--success) !important;
+  color: #2182a0 !important;
 }
 
 .edit-btn {
-  color: var(--success) !important;
+  color: #2182a0 !important;
 }
 
 .el-button--primary {
-    background-color: var(--chart-blue) !important;
-    border-color: var(--chart-blue) !important;
+    background-color: #2182a0 !important;
+    border-color: #2182a0 !important;
 }
 
 .login-container .el-form-item {
@@ -99,8 +99,6 @@ select:-webkit-autofill {
     padding-left: 16px;
 }
 
-
-
 .el-progress-bar__outer {
     background-color: #4e4e4e;
 }
\ No newline at end of file

src/theme.scss

 .el-form-item__label {
   font-size: 14px;
   color: #909399 !important;
-  font-size: 14px;
-  color: #909399 !important;
 }
 
 .el-select {
   width: 230px;
 
-
   .el-select__placeholder {
     color: #d9dbdc !important;
   }
@@ -18,7 +15,6 @@
     box-shadow: 0 0 0 1px #434343 inset !important;
   }
 
-
   .el-input {
     background-color: var(--bg-secondary);
 
@@ -50,10 +46,6 @@
   }
 }
 
-.el-popper.is-light,
-.el-popper.is-light>.el-popper__arrow:before {
-  background: var(--bg-secondary) !important;
-  border: 1px solid var(--bg-secondary) !important;
 .el-popper.is-light,
 .el-popper.is-light>.el-popper__arrow:before {
   background: var(--bg-secondary) !important;
@@ -62,16 +54,11 @@
 
 .el-select-dropdown__item.is-hovering {
   background-color: rgba(255, 255, 255, 0.1) !important;
-  background-color: rgba(255, 255, 255, 0.1) !important;
 }
 
 .el-select-dropdown__item {
   color: #d9dbdc;
-  color: #d9dbdc;
 
-  &.selected {
-    background-color: rgba(255, 255, 255, 0.1);
-  }
   &.selected {
     background-color: rgba(255, 255, 255, 0.1);
   }
@@ -81,13 +68,6 @@
   }
 }
 
-.el-select-dropdown__item.is-hovering {
-  background-color: rgba(255, 255, 255, 0.1);
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.05);
-  }
-}
-
 .el-select-dropdown__item.is-hovering {
   background-color: rgba(255, 255, 255, 0.1);
 }
@@ -108,22 +88,7 @@
     color: #d9dbdc !important;
     background-color: transparent !important;
     font-size: 15px !important;
-  background-color: var(--bg-secondary) !important;
-  border-color: var(--bg-secondary) !important;
 
-  .el-range__icon {
-    display: none !important;
-  }
-
-  .el-range-input {
-    color: #d9dbdc !important;
-    background-color: transparent !important;
-    font-size: 15px !important;
-
-    &::placeholder {
-      color: rgba(255, 255, 255, 0.5) !important;
-    }
-  }
     &::placeholder {
       color: rgba(255, 255, 255, 0.5) !important;
     }
@@ -133,25 +98,16 @@
     color: rgba(255, 255, 255, 0.7) !important;
   }
 }
-  .el-range-separator {
-    color: rgba(255, 255, 255, 0.7) !important;
-  }
-}
 
 .el-icon {
   color: rgba(255, 255, 255, 0.7) !important;
 }
- 
 
-.el-date-editor.el-input__wrapper {
-  box-shadow: 0 0 0 1px #2a2a2a inset !important;
-}
 
-.el-popper.is-light {
-  border: 1px solid #181d21 !important;
+.el-date-editor.el-input__wrapper {
+  box-shadow: 0 0 0 1px #434343 inset !important;
 }
 
-
 .el-popper.is-light {
   border: 1px solid #181d21 !important;
 }
@@ -165,7 +121,6 @@
     box-shadow: 0 0 0 2px #181d21 inset !important;
   }
 
-
   .el-input__wrapper {
     box-shadow: 0 0 0 1px #535252 inset !important;
   }
@@ -174,17 +129,14 @@
     border-bottom: 1px solid #8a9199 !important;
   }
 
-
   .el-picker-panel {
     color: #d9dbdc !important;
   }
 
-
   .el-picker-panel__body {
     background: #181d21;
   }
 
-
   .el-date-range-picker__content.is-left {
     border-right: 1px solid #181d21 !important;
   }
@@ -193,17 +145,14 @@
     border-bottom: 1px solid #181d21 !important;
   }
 
-
   .el-date-table th {
     color: #d9dbdc !important;
   }
 
-
   .el-date-table td.in-range .el-date-table-cell {
     background-color: #181d21 !important;
   }
 
-
   .el-date-editor .el-range__icon,
   .el-date-editor .el-range-separator,
   .el-date-editor .el-range-input {
@@ -211,62 +160,50 @@
     font-size: 14px !important;
   }
 
-
   .el-picker-panel__footer {
     background-color: #181d21 !important;
     border-top-color: #181d21 !important;
   }
 
-
   .el-input__wrapper {
     background-color: #181d21 !important;
   }
 
-
   .el-button.is-text {
     color: #d9dbdc !important;
   }
 
-
   .el-button.is-plain {
     color: #4e7bfa !important;
     background-color: rgba(78, 123, 250, 0.2) !important;
     border-color: #4e7bfa !important;
   }
 
-
   .el-button.is-text:not(.is-disabled):hover {
     background-color: #9b9a9a !important;
   }
 
-  }
-
   .el-select__wrapper {
     background-color: #181d21 !important;
   }
 
-
   .el-input__inner {
     color: #d9dbdc !important;
   }
 
-
   .el-picker-panel .el-time-panel {
     background-color: #181d21 !important;
     border-color: #181d21 !important;
   }
 
-
   .el-time-panel__footer {
     border-color: #181d21 !important;
   }
 
-
   .el-time-spinner__item.is-active:not(.is-disabled) {
     color: #d9dbdc !important;
   }
 
-
   .el-select-dropdown {
     background-color: #181d21 !important;
   }
@@ -282,9 +219,7 @@
   .date-picker-popper .el-picker-panel__body {
     background-color: #181d21 !important;
   }
-
-
-
+}
 .common-table {
   
   .el-table tr,.el-table th.el-table__cell {
@@ -320,11 +255,10 @@
   background-color: #181d21 !important;
   cursor: not-allowed;
 }
-.el-pager li ,.btn-next,.btn-prev,.el-pagination__editor .el-input__wrapper{
+.el-pager li ,.btn-next,.btn-prev{
   background-color: #181d21 !important;
   color: #ccc;
 }
-
 .el-table__header,
 .el-table__body {
   width: 100% !important;
@@ -452,4 +386,4 @@
 .el-checkbox__input.is-checked .el-checkbox__inner {
   background-color: #36f1cd !important;
   border-color: #36f1cd !important;
-}
\ No newline at end of file
+}