diff --git a/snowy-admin-web/src/components/XnPanel/index.vue b/snowy-admin-web/src/components/XnPanel/index.vue
index c2447194..f4dd2a1b 100644
--- a/snowy-admin-web/src/components/XnPanel/index.vue
+++ b/snowy-admin-web/src/components/XnPanel/index.vue
@@ -61,7 +61,7 @@
 
 	const headerStyle = computed(() => ({
 		padding: toPx(props.headerPadding),
-		borderBottom: props.headerDivider ? '1px solid var(--border-color-base)' : 'none'
+		borderBottom: props.headerDivider ? '1px solid var(--background-border)' : 'none'
 	}))
 
 	const footerStyle = computed(() => ({
@@ -112,7 +112,7 @@
 		min-height: 48px;
 		padding: 0;
 		/* 分割线受 headerDivider 控制，默认展示 */
-		border-bottom: 1px solid var(--border-color-base);
+		border-bottom: 1px solid var(--background-border);
 	}
 
 	.xn-panel-title {
diff --git a/snowy-admin-web/src/style/default.less b/snowy-admin-web/src/style/default.less
index c3846d67..b114c964 100644
--- a/snowy-admin-web/src/style/default.less
+++ b/snowy-admin-web/src/style/default.less
@@ -396,4 +396,10 @@
 	--node-wrap-box-before-borde-color: rgb(202, 202, 202);
 	--auto-judge-before-color: #FFF;
 	--cover-line-before-color: #FFF;
+	// 新定义的颜色-可用于暗黑适配
+	--background-color: #f5f5f5;
+	--background-border: #f0f0f0;
+	--background-card-color: rgb(255, 255, 255);
+	--background-list-color: #ececec;
+	--background-primary-text: #000000;
 }
diff --git a/snowy-admin-web/src/style/realdark.less b/snowy-admin-web/src/style/realdark.less
index 644e6c6d..4f7d4e2b 100644
--- a/snowy-admin-web/src/style/realdark.less
+++ b/snowy-admin-web/src/style/realdark.less
@@ -414,4 +414,10 @@
 	--node-wrap-box-before-borde-color: rgba(255, 255, 255, 0.09); // 箭头
 	--auto-judge-before-color: #141414; // 箭头背景
 	--cover-line-before-color: #141414;
+	// 新定义的颜色-可用于暗黑适配
+	--background-color: #141414;
+	--background-border: rgba(253, 253, 253, 0.12);
+	--background-card-color: #303030;
+	--background-list-color: #141414;
+	--background-primary-text: rgb(206 206 206 / 80%);
 }