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

@@ -62,7 +62,8 @@ const config = {
],
],
//When using TypeScript ,there may return an error!
themes: [ [
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",

View File

@@ -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 {