修改左侧导航背景色

src/layout/logo/index.vue

@@ -63,8 +63,8 @@ export default defineComponent({
 	align-items: center;
 	justify-content: center;
 	box-shadow: rgb(0 21 41 / 2%) 0px 1px 4px;
-	// color: var(--el-color-primary);
-	color: #ffff;
+	color: var(--next-bg-menuBar-black);
+	background: var(--next-bg-menuBar-light);
 	font-size: 20px;
 	cursor: pointer;
 	animation: logoAnimation 0.3s ease-in-out;

src/theme/app.scss

@@ -18,6 +18,9 @@
 	--next-color-seting-main: #e9eef3;
 	--next-color-seting-aside: #d3dce6;
 	--next-color-seting-header: #b3c0d1;
+	--next-bg-menuBar-light: #ffffff;
+	--next-bg-menuBar-black: #333333;
+	
 }
 
 html,
@@ -43,7 +46,9 @@ body,
 	width: 100%;
 	height: 100%;
 	.layout-aside {
-		background: var(--next-bg-menuBar);
+		// background: var(--next-bg-menuBar);
+		background: var(--next-bg-menuBar-light);
+		
 		box-shadow: 2px 0 6px rgb(0 21 41 / 1%);
 		height: inherit;
 		position: relative;

src/theme/dark.scss

@@ -34,6 +34,8 @@
 	--next-color-seting-main     : var(--next-color-seting) !important;
 	--next-color-seting-aside    : var(--next-color-hover) !important;
 	--next-color-seting-header   : var(--next-color-primary) !important;
+	--next-bg-menuBar-black      : var(--next-color-white) !important;
+	--next-bg-menuBar-light      : var(--next-bg-main) !important;
 
 	// element plus
 	--el-color-white             : var(--next-color-disabled) !important;

src/theme/element.scss

@@ -65,7 +65,8 @@
 }
 .el-menu-item,
 .el-sub-menu__title {
-	color: var(--next-bg-menuBarColor);
+	// color: var(--next-bg-menuBarColor);
+	color: var(--next-bg-menuBar-black);
 }
 .el-menu.el-menu--horizontal {
 	border-bottom: none !important;