marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 14:59:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

#1542 Adding khroma for color manipulations

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-07-18 15:15:50 +02:00
parent e8af778962
commit 08064c4243
12 changed files with 58 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/mermaidAPI.js
View File

@@ -539,10 +539,9 @@ function initialize(options) {
if (options && options.theme && themes[options.theme]) {
// Todo merge with user options
options.themeVariables = themes[options.theme];
} else {
if (options) options.themeVariables = themes.default;
}
// else {
// if (options) options.themeVariables = themes.default;
// }
const config = typeof options === 'object' ? setSiteConfig(options) : getSiteConfig();

16
src/theme-neutral.js
View File

@@ -1,6 +1,8 @@
import { darken, lighten } from 'khroma';
export const mainBkg = '#eee';
export const contrast = '#26a';
export const secondBkg = 'lighten(contrast; 55%)';
export const secondBkg = lighten(contrast, 55);
export const lineColor = '#666';
export const border1 = '#999';
export const border2 = contrast;
@@ -34,7 +36,7 @@ export const labelBoxBkgColor = actorBkg;
export const labelBoxBorderColor = actorBorder;
export const labelTextColor = text;
export const loopTextColor = text;
export const noteBorderColor = 'darken(note; 60%)';
export const noteBorderColor = darken(note, 60);
export const noteBkgColor = note;
export const noteTextColor = actorTextColor;
export const activationBorderColor = '#666';
@@ -43,10 +45,10 @@ export const sequenceNumberColor = 'white';
/* Gantt chart variables */
export const sectionBkgColor = 'lighten(contrast; 30%)';
export const sectionBkgColor = lighten(contrast, 30);
export const altSectionBkgColor = 'white';
export const sectionBkgColor2 = 'lighten(contrast; 30%)';
export const taskBorderColor = 'darken(contrast; 10%)';
export const sectionBkgColor2 = lighten(contrast, 30);
export const taskBorderColor = darken(contrast, 10);
export const taskBkgColor = contrast;
export const taskTextLightColor = 'white';
export const taskTextColor = taskTextLightColor;
@@ -55,11 +57,11 @@ export const taskTextOutsideColor = taskTextDarkColor;
export const taskTextClickableColor = '#003163';
export const activeTaskBorderColor = taskBorderColor;
export const activeTaskBkgColor = mainBkg;
export const gridColor = 'lighten(border1; 30%)';
export const gridColor = lighten(border1, 30);
export const doneTaskBkgColor = done;
export const doneTaskBorderColor = lineColor;
export const critBkgColor = critical;
export const critBorderColor = 'darken(critBkgColor; 10%)';
export const critBorderColor = darken(critBkgColor, 10);
export const todayLineColor = critBkgColor;
/* state colors */