marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-19 15:30:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Arrows colored by branch and skip of arrow heads

Browse Source
This commit is contained in:
Knut Sveidqvist
2022-03-03 18:56:27 +01:00
parent 1f175d2d84
commit 7e041dd921
2 changed files with 60 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/diagrams/git/styles.js
View File

@@ -9,7 +9,9 @@ const getStyles = (options) =>
font-family: var(--mermaid-font-family);
}
.branch {
stroke-width: 10;
stroke-width: 1;
stroke: black;
stroke-dasharray: 2;
}
.commit-labels { font-size: 10px; }
.commit0 { stroke: ${options.fillType0}; fill: ${options.fillType0}; }
@@ -20,14 +22,14 @@ const getStyles = (options) =>
.commit5 { stroke: ${options.fillType5}; fill: ${options.fillType5}; }
.commit6 { stroke: ${options.fillType6}; fill: ${options.fillType6}; }
.commit7 { stroke: ${options.fillType7}; fill: ${options.fillType7}; }
.branch0 { stroke: ${options.fillType0}; }
.branch1 { stroke: ${options.fillType1}; }
.branch2 { stroke: ${options.fillType2}; }
.branch3 { stroke: ${options.fillType3}; }
.branch4 { stroke: ${options.fillType4}; }
.branch5 { stroke: ${options.fillType5}; }
.branch6 { stroke: ${options.fillType6}; }
.branch7 { stroke: ${options.fillType7}; }
// .branch0 { stroke: ${options.fillType0}; }
// .branch1 { stroke: ${options.fillType1}; }
// .branch2 { stroke: ${options.fillType2}; }
// .branch3 { stroke: ${options.fillType3}; }
// .branch4 { stroke: ${options.fillType4}; }
// .branch5 { stroke: ${options.fillType5}; }
// .branch6 { stroke: ${options.fillType6}; }
// .branch7 { stroke: ${options.fillType7}; }
.label0 { fill: ${options.fillType0}; }
.label1 { fill: ${options.fillType1}; }
.label2 { fill: ${options.fillType2}; }
@@ -38,8 +40,15 @@ const getStyles = (options) =>
.label7 { fill: ${options.fillType7}; }
// .arrow { stroke : ${options.tertiaryColor}; stroke-width: 8; stroke-linecap: round; }
.arrow { stroke : #cc33cc; stroke-width: 8; stroke-linecap: round; fill: none}
// #arrowhead { fill: ${options.tertiaryColor};}
.arrow { stroke-width: 8; stroke-linecap: round; fill: none}
.arrow0 { stroke: ${options.fillType0}; }
.arrow1 { stroke: ${options.fillType1}; }
.arrow2 { stroke: ${options.fillType2}; }
.arrow3 { stroke: ${options.fillType3}; }
.arrow4 { stroke: ${options.fillType4}; }
.arrow5 { stroke: ${options.fillType5}; }
.arrow6 { stroke: ${options.fillType6}; }
.arrow7 { stroke: ${options.fillType7}; }
#arrowhead { fill: #990099;}
.branchLabel { }
}