refactor: 暗黑模式自定义样式调整

Former-commit-id: 3857806786944e41c688cb6e81a5d90276720e2a

src/styles/index.scss

@@ -2,4 +2,28 @@
 @import './sidebar.scss';
 @import './tailwind.scss';
 @import './global.scss';
-@import './dark.scss';
+@import './dark.scss';
+
+// 自定义全局CSS变量
+:root{
+  --menuBg:#304156;
+  --menuText:#bfcbd9;
+  --menuActiveText:#409eff;
+  --menuHover:#263445;
+
+  --subMenuBg: #1f2d3d;
+  --subMenuActiveText: #f4f4f5;
+  --subMenuHover: #001528;
+
+}
+
+html.dark{
+  --menuBg:var(--el-menu-bg-color);
+  --menuText:var(----el-menu-text-color);
+  --menuActiveText:var(--el-menu-active-color);
+  --menuHover:var(--el-menu-hover-bg-color);
+
+  --subMenuBg: var(--el-menu-bg-color);
+  --subMenuActiveText:var(--el-menu-active-color);
+  --subMenuHover: var(--el-menu-hover-bg-color);
+}