diff --git a/src/style/dark.scss b/src/style/dark.scss
index 805614cf..e02a6954 100644
--- a/src/style/dark.scss
+++ b/src/style/dark.scss
@@ -10,6 +10,14 @@ html.dark {
 	--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
 	--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
 	--el-menu-active-color: #ffffff !important;
+	// --el-bg-color: #1e789a;
+	// --el-text-color-regular: #ffffff;
+	.el-dialog__close {
+		color: #ffffff;
+	}
+	.el-dialog__title {
+		color: #ffffff;
+	}
 
 	.el-tag {
 		background-color: #f8f5f5 !important;
diff --git a/src/style/fix.scss b/src/style/fix.scss
index ab8212f4..58629f17 100644
--- a/src/style/fix.scss
+++ b/src/style/fix.scss
@@ -375,4 +375,28 @@ body .el-table th.gutter {
 
 .el-dialog__footer {
 	padding: 6px 6px 6px;
+}
+
+.aside_one,
+.aside_side {
+	height: 100%;
+	background: var(--el-bg-color-overlay);
+	border-color: var(--el-border-color-light);
+	// border-radius: 4px;
+	background: rgb(4, 50, 83);
+	background-color: rgb(4, 50, 83);
+	box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
+	border: 1px solid #1279c3;
+}
+.el-aside:has(> .aside_one) {
+	padding: 8px;
+	border-right: none;
+}
+
+.infoLine {
+	color: #ffffff;
+}
+
+.typeLine {
+	color: #ffffff;
 }
\ No newline at end of file
diff --git a/src/views/bigScreen/index_enp_blue.vue b/src/views/bigScreen/index_enp_blue.vue
index dec3753f..84951eef 100644
--- a/src/views/bigScreen/index_enp_blue.vue
+++ b/src/views/bigScreen/index_enp_blue.vue
@@ -179,8 +179,14 @@
 								</el-dropdown>
 							</div>
 						</div>
-						<div class="wraning_icon"></div>
+						<div class="wraning_icon">
+						</div>
 						<div class="user_icon" @click="backSystem"></div>
+						<div class="dark_config">
+							<el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" circle type="info"
+								@click="configDark" size="small"></el-button>
+
+						</div>
 					</div>
 				</div>
 			</el-header>
@@ -635,6 +641,17 @@ export default {
 			intervalinfo: null, //窗口数据更新定时器
 		};
 	},
+	watch: {
+		'config.dark'(val) {
+			if (val) {
+				document.documentElement.classList.add("dark")
+				this.$TOOL.data.set("APP_DARK", val)
+			} else {
+				document.documentElement.classList.remove("dark")
+				this.$TOOL.data.remove("APP_DARK")
+			}
+		}
+	},
 	created() {
 		document.documentElement.classList.add("dark");
 		this.$TOOL.data.set("APP_DARK", true);
@@ -1150,6 +1167,12 @@ header {
 	background-size: cover;
 	background-image: url("/public/img/enp_blue/user_enp.png");
 }
+.dark_config {
+	width: 2.3vh;
+	height: 2.3vh;
+	margin-top: 0.9vh;
+	margin-left: 2vh;
+}
 
 .model {
 	top: 8%;