From 4f9c4548bf696a76020eef26b2491173d7f36e83 Mon Sep 17 00:00:00 2001 From: Alois Klink Date: Thu, 13 Apr 2023 07:08:32 +0100 Subject: [PATCH] fix: define `excludeBkgColor` for `theme-dark` Define `excludeBkgColor` for `theme-dark` to fix invalid CSS for gantt diagrams. All the other themes defined this to '#eeeeee', but I thought that was a bit too bright in a dark theme, so instead I set it to `darken(this.sectionBkgColor, 10);`. --- packages/mermaid/src/themes/theme-dark.js | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/mermaid/src/themes/theme-dark.js b/packages/mermaid/src/themes/theme-dark.js index 8fde494bd..b0bc6ff5b 100644 --- a/packages/mermaid/src/themes/theme-dark.js +++ b/packages/mermaid/src/themes/theme-dark.js @@ -64,6 +64,7 @@ class Theme { this.sectionBkgColor = darken('#EAE8D9', 30); this.altSectionBkgColor = 'calculated'; this.sectionBkgColor2 = '#EAE8D9'; + this.excludeBkgColor = darken(this.sectionBkgColor, 10); this.taskBorderColor = rgba(255, 255, 255, 70); this.taskBkgColor = 'calculated'; this.taskTextColor = 'calculated';