mermaid/src/less/dark/variables.less

Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.

@mainBkg: #BDD5EA;
@secondBkg: #6D6D65;
@mainContrastColor: lightgrey;
@darkTextColor: #323D47;
@lineColor: @mainContrastColor;
@border1: #81B1DB;
@border2: rgba(255, 255, 255, 0.25);
@arrowheadColor: @mainContrastColor;

/* Flowchart variables */

@nodeBkg: @mainBkg;
@nodeBorder: purple;
@clusterBkg: @secondBkg;
@clusterBorder: @border2;
@defaultLinkColor: @lineColor;
@titleColor: #F9FFFE;
@edgeLabelBackground: #e8e8e8;

/* Sequence Diagram variables */

@actorBorder: @border1;
@actorBkg: @mainBkg;
@actorTextColor: black;
@actorLineColor: @mainContrastColor;
@signalColor: @mainContrastColor;
@signalTextColor: @mainContrastColor;
@labelBoxBkgColor: @actorBkg;
@labelBoxBorderColor: @actorBorder;
@labelTextColor: @mainContrastColor;
@noteBorderColor: @border2;
@noteBkgColor: #fff5ad;

/* Gantt chart variables */

@sectionBkgColor: rgba(255, 255, 255, 0.3);
@altSectionBkgColor: white;
@sectionBkgColor2: #EAE8B9;
@taskBorderColor: rgba(255, 255, 255, 0.5);
@taskBkgColor: @mainBkg;
@taskTextColor: @darkTextColor;
@taskTextOutsideColor: @taskTextLightColor;
@activeTaskBorderColor: rgba(255, 255, 255, 0.5);
@activeTaskBkgColor: #81B1DB;
@gridColor: @mainContrastColor;
@doneTaskBkgColor: @mainContrastColor;
@doneTaskBorderColor: grey;
@critBorderColor: #E83737;
@critBkgColor: #E83737;
@taskTextLightColor: @mainContrastColor;
@taskTextDarkColor: @darkTextColor;
@todayLineColor: #DB5757;