marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-20 07:49:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Some small interim changes, adding theming.doc

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-24 08:25:57 +02:00
parent dbda90b15b
commit c5b55fa476
10 changed files with 8036 additions and 25212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/themes/theme-base.js
View File

@@ -3,17 +3,18 @@ import { darken, lighten, adjust } from 'khroma';
class Theme {
constructor() {
/* Base variables */
this.primaryColor = '#039fbe';
this.primaryColor = '#9f33be';
this.secondaryColor = '#b20238';
this.tertiaryColor = lighten('#e8d21d', 30);
this.tertiaryColor = lighten(this.primaryColor, 30);
this.relationColor = '#000';
this.primaryColor = '#fa255e';
this.secondaryColor = '#c39ea0';
this.tertiaryColor = '#f8e5e5';
this.primaryColor = '#ECECFF';
this.secondaryColor = '#ffffde';
this.tertiaryColor = '#ffffde';
// this.primaryColor = '#fa255e';
// this.secondaryColor = '#c39ea0';
// this.tertiaryColor = '#f8e5e5';
// this.primaryColor = '#ECECFF';
// this.secondaryColor = '#ffffde';
// this.tertiaryColor = '#ffffde';
this.background = 'white';
this.lineColor = '#333333';
@@ -36,7 +37,7 @@ class Theme {
this.mainBkg = this.primaryColor;
this.nodeBorder = darken(this.primaryColor, 23); // border 1
this.clusterBkg = this.tertiaryColor;
this.clusterBorder = darken(this.tertiaryColor, 10);
this.clusterBorder = darken(this.tertiaryColor, 30);
this.defaultLinkColor = this.lineColor;
this.titleColor = this.textColor;
this.edgeLabelBackground = this.labelBackground;