GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-02-04 07:13:25 +08:00
Code Issues Projects Releases Wiki Activity

#1542 Dark theme fixes for gantt

Browse Source
This commit is contained in:
Knut Sveidqvist 2020-07-20 10:00:08 +02:00
parent 68aa7fa3a4
commit ceb84ce020
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/diagrams/gantt/styles.js
View File

@ -57,8 +57,8 @@ const getStyles = options =>
opacity: 0.8; opacity: 0.8;
shape-rendering: crispEdges; shape-rendering: crispEdges;
text { text {
font-family: 'trebuchet ms', verdana, arial; font-family: ${options.fontFamily};
font-family: var(--mermaid-font-family); fill: ${options.textColor};
} }
} }

2
src/diagrams/user-journey/styles.js
View File

@ -22,7 +22,7 @@ const getStyles = options =>
.face { .face {
fill: #FFF8DC; fill: #FFF8DC;
stroke: #999'; stroke: #999;
} }
.node rect, .node rect,

4
src/themes/theme-dark.js
View File

@ -3,7 +3,7 @@ import { invert, lighten, rgba } from 'khroma';
class Theme { class Theme {
constructor() { constructor() {
this.background = '#333'; this.background = '#333';
this.mainBkg = '#1f2020'; this.mainBkg = lighten('#1f2020', 15);
this.secondBkg = 'calculated'; this.secondBkg = 'calculated';
this.mainContrastColor = 'lightgrey'; this.mainContrastColor = 'lightgrey';
this.darkTextColor = lighten(invert('#323D47'), 10); this.darkTextColor = lighten(invert('#323D47'), 10);
@ -49,7 +49,7 @@ class Theme {
this.sectionBkgColor = rgba(255, 255, 255, 30); this.sectionBkgColor = rgba(255, 255, 255, 30);
this.altSectionBkgColor = 'white'; this.altSectionBkgColor = 'white';
this.sectionBkgColor2 = '#EAE8B9'; this.sectionBkgColor2 = '#EAE8B9';
this.taskBorderColor = rgba(255, 255, 255, 50); this.taskBorderColor = rgba(255, 255, 255, 70);
this.taskBkgColor = 'calculated'; this.taskBkgColor = 'calculated';
this.taskTextColor = 'calculated'; this.taskTextColor = 'calculated';
this.taskTextLightColor = 'calculated'; this.taskTextLightColor = 'calculated';