diff --git a/docusaurus.config.js b/docusaurus.config.js
index b74b948..d034e2d 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -61,8 +61,9 @@ const config = {
       }),
     ],
   ],
-//When using TypeScript ,there may return an error!
-  themes: [ [
+  //When using TypeScript ,there may return an error!
+  themes: [
+    [
       require.resolve("@easyops-cn/docusaurus-search-local"),
       /** @type {import("@easyops-cn/docusaurus-search-local").PluginOptions} */
       ({
@@ -75,7 +76,9 @@ const config = {
 
         highlightSearchTermsOnTargetPage: true,
       }),
-    ],"@docusaurus/theme-mermaid",],
+    ],
+    "@docusaurus/theme-mermaid",
+  ],
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
@@ -182,7 +185,7 @@ const config = {
       // see https://www.docusaurus.cn/docs/api/docusaurus-config#headTags
 
       mermaid: {
-        theme: { light: "default", dark: "neutral" },
+        theme: { light: "default", dark: "default" },
         options: {
           darkMode: true,
           background: "#ffffff",
diff --git a/src/css/custom.css b/src/css/custom.css
index 5e8cde5..8a78733 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -53,9 +53,8 @@ html[data-theme="dark"] .markdown h2 {
 }
 
 /* 强制 Mermaid 图表在黑暗模式下使用白色背景 */
-html[data-theme="dark"] .mermaid {
-  background-color: #ffffff !important;
-  color: #000000 !important;
+html[data-theme="dark"] .docusaurus-mermaid-container {
+  background-color: #ffffff;
 }
 
 .docs-card h2 {