mirrors
/
mermaid
mirror of https://github.com/mermaid-js/mermaid.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

#1542 Dark theme fixes for gantt

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;
shape-rendering: crispEdges;
text {
font-family: 'trebuchet ms', verdana, arial;
font-family: var(--mermaid-font-family);
font-family: ${options.fontFamily};
fill: ${options.textColor};
}
}

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

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

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

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