1
0
mirror of https://github.com/ZSCNetSupportDept/website.git synced 2025-10-28 17:05:03 +08:00

修改mermaid样式,在dark下也使用light

This commit is contained in:
2025-06-28 15:42:04 +08:00
parent 36b8b7eee5
commit 5647e89b97
2 changed files with 9 additions and 7 deletions

View File

@@ -61,8 +61,9 @@ const config = {
}), }),
], ],
], ],
//When using TypeScript ,there may return an error! //When using TypeScript ,there may return an error!
themes: [ [ themes: [
[
require.resolve("@easyops-cn/docusaurus-search-local"), require.resolve("@easyops-cn/docusaurus-search-local"),
/** @type {import("@easyops-cn/docusaurus-search-local").PluginOptions} */ /** @type {import("@easyops-cn/docusaurus-search-local").PluginOptions} */
({ ({
@@ -75,7 +76,9 @@ const config = {
highlightSearchTermsOnTargetPage: true, highlightSearchTermsOnTargetPage: true,
}), }),
],"@docusaurus/theme-mermaid",], ],
"@docusaurus/theme-mermaid",
],
themeConfig: themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */ /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
({ ({
@@ -182,7 +185,7 @@ const config = {
// see https://www.docusaurus.cn/docs/api/docusaurus-config#headTags // see https://www.docusaurus.cn/docs/api/docusaurus-config#headTags
mermaid: { mermaid: {
theme: { light: "default", dark: "neutral" }, theme: { light: "default", dark: "default" },
options: { options: {
darkMode: true, darkMode: true,
background: "#ffffff", background: "#ffffff",

View File

@@ -53,9 +53,8 @@ html[data-theme="dark"] .markdown h2 {
} }
/* 强制 Mermaid 图表在黑暗模式下使用白色背景 */ /* 强制 Mermaid 图表在黑暗模式下使用白色背景 */
html[data-theme="dark"] .mermaid { html[data-theme="dark"] .docusaurus-mermaid-container {
background-color: #ffffff !important; background-color: #ffffff;
color: #000000 !important;
} }
.docs-card h2 { .docs-card h2 {