init

src/layouts/index.vue

@@ -180,7 +180,7 @@
         }
 
         .tag-view-show {
-          background: $base-color-white;
+          background: #11263c;
           box-shadow: $base-box-shadow;
         }
 
@@ -194,7 +194,7 @@
           .app-main-container {
             margin-top: $base-padding;
             margin-bottom: $base-padding;
-            background: $base-color-white;
+            background: transparent;
           }
         }
       }
@@ -229,7 +229,7 @@
         position: relative;
         min-height: 100%;
         margin-left: $base-left-menu-width;
-        background: #f6f8f9;
+        background: transparent;
         transition: $base-transition;
 
         ::v-deep {
@@ -254,7 +254,7 @@
           .app-main-container {
             width: calc(100% - #{$base-padding} - #{$base-padding});
             margin: $base-padding auto;
-            background: $base-color-white;
+            background: transparent;
             border-radius: $base-border-radius;
           }
         }

src/styles/element-variables.scss

@@ -410,6 +410,27 @@ $--button-info-background-color: $--color-info; // 信息按钮背景色：用
 $--button-hover-tint-percent: 20%;            // 按钮悬停时提亮百分比：20%
 $--button-active-shade-percent: 10%;          // 按钮激活时加深百分比：10%
 
+// 自定义按钮悬停/激活态细节
+.el-button--primary:not(.is-disabled):hover {
+  background: lighten($--color-primary, 6%);
+  border-color: lighten($--color-primary, 6%);
+}
+.el-button--primary:not(.is-disabled):active {
+  background: darken($--color-primary, 6%);
+  border-color: darken($--color-primary, 6%);
+}
+.el-button--default:not(.is-disabled) {
+  color: #fff;
+}
+.el-button--default:not(.is-disabled):hover {
+  background: lighten($--button-default-background-color, 6%);
+  border-color: lighten($--button-default-border-color, 6%);
+}
+.el-button--default:not(.is-disabled):active {
+  background: darken($--button-default-background-color, 6%);
+  border-color: darken($--button-default-border-color, 6%);
+}
+
 /* 级联选择器高度 */
 $--cascader-height: 200px;                    // 级联选择器高度：200px
 
@@ -732,6 +753,7 @@ $--breakpoints-spec: (                         // 特殊断点配置集合
 }
 /*补充卡片组件样式*/
 .el-card {
-  background-color: rgb(1, 29, 92);
+  background-color: #0b1d34;
   padding: 15px;
+  border: 1px solid $--border-color-base;
 }

src/styles/themes/dark.scss

@@ -1,4 +1,29 @@
 /**
- * @copyright chuzhixin 1204505056@qq.com
- * @description 暗黑之子主题（VIP群专享）
+ * 自定义深海军蓝暗色主题
  */
+
+$base-color-blue: #165dff;
+$base-color-white: #e0e6ed;
+$base-color-black: #05101c;
+$base-border-color: #2d4966;
+$base-padding: 15px;
+$base-border-radius: 6px;
+$base-transition: all .2s ease;
+$base-left-menu-width: 210px;
+$base-left-menu-width-min: 65px;
+$base-right-content-width: calc(100% - #{$base-left-menu-width});
+$base-top-bar-height: 55px;
+$base-tags-bar-height: 40px;
+$base-nav-bar-height: 55px;
+$base-z-index: 1000;
+
+.nav-bar-container,
+.tags-bar-container,
+.side-bar-container {
+  background: #0b1d34;
+  color: $base-color-white;
+}
+
+.app-main-container {
+  background: transparent;
+}

src/styles/vab.scss

@@ -87,9 +87,9 @@ html {
     height: 100vh;
     padding: 0;
     margin: 0;
-    font-family: Avenir, Helvetica, Arial, sans-serif;
+    font-family: Inter, "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
     font-size: $base-font-size-default;
-    color: #2c3e50;
+    color: #e0e6ed;
     background: rgb(5,23,51);/*配色修改*/
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -152,7 +152,7 @@ html {
           }
           //padding: $base-padding;
           padding: 0;
-          background: #1f2a38;
+          background: #0b1d34;
         }
       }
     }
@@ -177,7 +177,8 @@ html {
       }
 
       th {
-        background: #f5f7fa;
+        background: #123e7f;
+        color: #abd3e5;
       }
 
       td,
@@ -204,8 +205,10 @@ html {
       padding: 2px 5px;
       margin: 15px 0 0 0;
       font-weight: normal;
-      color: $base-color-black;
+      color: #e0e6ed;
       text-align: center;
+      background: #11263c;
+      border-radius: 6px;
     }
 
     .el-menu.el-menu--popup.el-menu--popup-right-start {
@@ -238,6 +241,8 @@ html {
 
       &__content {
         padding: 20px 20px 20px 20px;
+        background: #0b1d34;
+        color: #e0e6ed;
       }
     }
 
@@ -246,6 +251,8 @@ html {
 
       &__body {
         padding: $base-padding;
+        background: #0b1d34;
+        color: #e0e6ed;
       }
     }