diff --git a/src/layout/navBars/breadcrumb/setings.vue b/src/layout/navBars/breadcrumb/setings.vue
index 09232268f7dc2ed9984866ae544c2b527efac679..65e146624324cf8dd86c2aeda2bc6fedfc794ea3 100644
--- a/src/layout/navBars/breadcrumb/setings.vue
+++ b/src/layout/navBars/breadcrumb/setings.vue
@@ -553,8 +553,14 @@ const onAddFilterChange = (attr: string) => {
 // 4、界面显示 --> 深色模式
 const onAddDarkChange = () => {
 	const body = document.documentElement as HTMLElement;
-	if (getThemeConfig.value.isIsDark) body.setAttribute('data-theme', 'dark');
-	else body.setAttribute('data-theme', '');
+	if (getThemeConfig.value.isIsDark) {
+    body.setAttribute('data-theme', 'dark');
+    // body 再增加一个 dark : true 的class ,用于tailwindcss 判断是否是深色
+    body.classList.add('dark');
+  } else {
+    body.classList.remove('dark');
+    body.setAttribute('data-theme', '');
+  }
 };
 // 4、界面显示 --> 开启水印
 const onWartermarkChange = () => {