Bladeren bron

style: 修改暗黑样式

zhouyuhao 11 maanden geleden
bovenliggende
commit
f0c0d8b2e6

+ 2 - 4
src/components/ContainerStatus/src/ContainerStatus.vue

@@ -114,10 +114,8 @@ watch(
     flex-direction: column;
     align-items: center;
     height: 394px;
-    img.is-dark {
-      display: block;
-      margin-top: 100px;
-    }
+    padding-top: 125px;
+
     .empty-text {
       margin-top: 8px;
       color: #b5b9bf;

BIN
src/components/ContainerStatus/src/image/no_data.png


+ 3 - 0
src/styles/theme.scss

@@ -217,6 +217,8 @@
   // 输入框禁用的颜色
   --input-disabled-bg-color: #f5f7fa;
   --input-disabled-text-color: #a8abb2;
+
+  --el-disabled-bg-color: #f4f4f4;
 }
 
 :root.dark {
@@ -311,6 +313,7 @@
   div.el-popper.is-dark {
     --el-bg-color: var(--color-neutral-1);
   }
+  --el-disabled-bg-color: rgba(244, 244, 244, 0.2);
 
   // vxe-table
   --vxe-ui-layout-background-color: #2b2f36;

+ 2 - 3
src/views/Layout/src/components/Header/HeaderView.vue

@@ -182,13 +182,13 @@ const handleLogin = () => {
           </div>
           <div class="picture-module">
             <div class="item" :class="{ active: themeStore.theme === 'light' }">
-              <img src="./images/kandroid.png" alt="" />
+              <img src="./images/light.png" alt="" />
               <div v-if="themeStore.theme === 'light'" class="selected-icon">
                 <span class="font_family icon-icon_confirm_b"></span>
               </div>
             </div>
             <div class="item" :class="{ active: themeStore.theme === 'dark' }">
-              <img src="./images/kandroid.png" alt="" />
+              <img src="./images/dark.png" alt="" />
               <div v-if="themeStore.theme === 'dark'" class="selected-icon">
                 <span class="font_family icon-icon_confirm_b"></span>
               </div>
@@ -362,7 +362,6 @@ div.el-popover.el-popper.toggle-theme-popover {
       img {
         width: 154px;
         height: 90px;
-        border-radius: 6px;
       }
       &.active {
         border: 2px solid var(--color-theme);

BIN
src/views/Layout/src/components/Header/images/dark.png


BIN
src/views/Layout/src/components/Header/images/light.png


+ 1 - 1
src/views/Login/src/components/ChangePasswordCard.vue

@@ -320,7 +320,7 @@ const checkPassword = () => {
     }
     &.is-disabled {
       :deep(.el-input__wrapper) {
-        background-color: #f4f4f4;
+        // background-color: #f4f4f4;
       }
       :deep(.el-input__inner) {
         -webkit-text-fill-color: var(--color-neutral-1);