GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

moved hard-coded fill and stroke colors from svgDraw.js to scss files, and added defaults to all themes

Browse Source
This commit is contained in:
Bland, Paul 2018-08-22 10:22:50 -04:00
parent a4992963b3
commit 228b832bed
6 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/diagrams/sequence/svgDraw.js
View File

@ -106,7 +106,7 @@ export const drawActivation = function (elem, bounds, verticalPos) {
const g = bounds.anchored
rect.x = bounds.startx
rect.y = bounds.starty
rect.fill = '#f4f4f4'
rect.class = 'activation'
rect.width = bounds.stopx - bounds.startx
rect.height = verticalPos - bounds.starty
drawRect(g, rect)

2
src/themes/dark/index.scss
View File

@ -30,6 +30,8 @@ $labelBoxBorderColor: $actorBorder;
$labelTextColor: $mainContrastColor;
$noteBorderColor: $border2;
$noteBkgColor: #fff5ad;
$activationBorderColor: #666;
$activationBkgColor: #f4f4f4;
/* Gantt chart variables */

2
src/themes/default/index.scss
View File

@ -28,6 +28,8 @@ $labelBoxBorderColor: $actorBorder;
$labelTextColor: $actorTextColor;
$noteBorderColor: $border2;
$noteBkgColor: #fff5ad;
$activationBorderColor: #666;
$activationBkgColor: #f4f4f4;
/* Gantt chart variables */

2
src/themes/forest/index.scss
View File

@ -29,6 +29,8 @@ $labelBoxBorderColor: #326932;
$labelTextColor: $actorTextColor;
$noteBorderColor: $border2;
$noteBkgColor: #fff5ad;
$activationBorderColor: #666;
$activationBkgColor: #f4f4f4;
/* Gantt chart variables */

2
src/themes/neutral/index.scss
View File

@ -33,6 +33,8 @@ $labelBoxBorderColor: $actorBorder;
$labelTextColor: white;
$noteBorderColor: darken($note, 60%);
$noteBkgColor: $note;
$activationBorderColor: #666;
$activationBkgColor: #f4f4f4;
/* Gantt chart variables */

5
src/themes/sequence.scss
View File

@ -73,3 +73,8 @@ text.actor {
font-family: 'trebuchet ms', verdana, arial;
font-size: 14px;
}
.activation {
fill: $activationBkgColor;
stroke: $activationBorderColor;
}