marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-12-02 10:34:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

#1542 Dark theme fixes for pie and user-journey

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-20 09:44:09 +02:00
parent 70cd0655ed
commit 68aa7fa3a4
6 changed files with 33 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import { lighten, rgba } from 'khroma';
import { invert, lighten, rgba } from 'khroma';
class Theme {
constructor() {
@@ -6,7 +6,7 @@ class Theme {
this.mainBkg = '#1f2020';
this.secondBkg = 'calculated';
this.mainContrastColor = 'lightgrey';
this.darkTextColor = '#323D47';
this.darkTextColor = lighten(invert('#323D47'), 10);
this.lineColor = 'calculated';
this.border1 = '#81B1DB';
this.border2 = rgba(255, 255, 255, 0.25);

5
src/themes/theme-default.js
View File

@@ -1,4 +1,4 @@
import { rgba } from 'khroma';
import { lighten, rgba } from 'khroma';
class Theme {
constructor() {
@@ -103,7 +103,8 @@ class Theme {
/* Sequence Diagram variables */
this.actorBorder = this.border1;
// this.actorBorder = lighten(this.border1, 0.5);
this.actorBorder = lighten(this.border1, 23);
this.actorBkg = this.mainBkg;
this.labelBoxBkgColor = this.actorBkg;
this.signalColor = this.textColor;