diff --git a/src/themes/dark/classDiagram.scss b/src/themes/classDiagram.scss similarity index 100% rename from src/themes/dark/classDiagram.scss rename to src/themes/classDiagram.scss diff --git a/src/themes/dark/flow.scss b/src/themes/dark/flow.scss deleted file mode 100644 index 181030065..000000000 --- a/src/themes/dark/flow.scss +++ /dev/null @@ -1,39 +0,0 @@ -.mermaid .label { - color: $darkTextColor -} - -.node rect, -.node circle, -.node ellipse, -.node polygon { - fill: $mainBkg; - stroke: $border1; - stroke-width: 1px; -} - -.node.clickable { - cursor: pointer; -} - -.arrowheadPath { - fill: $arrowheadColor; -} - -.edgePath .path { - stroke: $lineColor; -} - -.edgeLabel { - background-color: $edgeLabelBackground; -} - -.cluster rect { - fill: $secondBkg !important; - rx: 4 !important; - stroke: $clusterBorder !important; - stroke-width: 1px !important; -} - -.cluster text { - fill: $titleColor; -} diff --git a/src/themes/dark/gantt.scss b/src/themes/dark/gantt.scss deleted file mode 100644 index 735faf79a..000000000 --- a/src/themes/dark/gantt.scss +++ /dev/null @@ -1,212 +0,0 @@ -/** Section styling */ - -.section { - stroke: none; - opacity: 0.2; -} - -.section0 { - fill: $sectionBkgColor; -} - -.section2 { - fill: $sectionBkgColor2; -} - -.section1, -.section3 { - fill: $altSectionBkgColor; - opacity: 0.2; -} - -.sectionTitle0 { - fill: $titleColor; -} - -.sectionTitle1 { - fill: $titleColor; -} - -.sectionTitle2 { - fill: $titleColor; -} - -.sectionTitle3 { - fill: $titleColor; -} - -.sectionTitle { - text-anchor: start; - font-size: 11px; - text-height: 14px; -} - - -/* Grid and axis */ - -.grid .tick { - stroke: $sectionBkgColor; - opacity: 0.3; - shape-rendering: crispEdges; -} - -.grid .tick text { - fill: $taskTextLightColor; - opacity: 0.5; -} - -.grid path { - stroke-width: 0; -} - - -/* Today line */ - -.today { - fill: none; - stroke: $todayLineColor; - stroke-width: 2px; -} - - -/* Task styling */ - - -/* Default task */ - -.task { - stroke-width: 1; -} - -.taskText { - text-anchor: middle; - font-size: 11px; -} - -.taskTextOutsideRight { - fill: $taskTextDarkColor; - text-anchor: start; - font-size: 11px; -} - -.taskTextOutsideLeft { - fill: $taskTextDarkColor; - text-anchor: end; - font-size: 11px; -} - - -/* Specific task settings for the sections*/ - -.taskText0, -.taskText1, -.taskText2, -.taskText3 { - fill: $taskTextColor; -} - -.task0, -.task1, -.task2, -.task3 { - fill: $taskBkgColor; - stroke: $taskBorderColor; -} - -.taskTextOutside0, -.taskTextOutside2, -{ - fill: $taskTextOutsideColor; -} - -.taskTextOutside1, -.taskTextOutside3 { - fill: $taskTextOutsideColor; -} - - -/* Active task */ - -.active0, -.active1, -.active2, -.active3 { - fill: $activeTaskBkgColor; - stroke: $activeTaskBorderColor; -} - -.activeText0, -.activeText1, -.activeText2, -.activeText3 { - fill: $taskTextDarkColor !important; -} - - -/* Completed task */ - -.done0, -.done1, -.done2, -.done3 { - fill: $doneTaskBkgColor; -} - -.doneText0, -.doneText1, -.doneText2, -.doneText3 { - fill: $taskTextDarkColor !important; -} - - -/* Tasks on the critical line */ - -.crit0, -.crit1, -.crit2, -.crit3 { - stroke: $critBorderColor; - fill: $critBkgColor; - stroke-width: 2; -} - -.activeCrit0, -.activeCrit1, -.activeCrit2, -.activeCrit3 { - stroke: $critBorderColor; - fill: $activeTaskBkgColor; - stroke-width: 2; -} - -.doneCrit0, -.doneCrit1, -.doneCrit2, -.doneCrit3 { - stroke: $critBorderColor; - fill: $doneTaskBkgColor; - stroke-width: 1; - cursor: pointer; - shape-rendering: crispEdges; -} - -.doneCritText0, -.doneCritText1, -.doneCritText2, -.doneCritText3 { - fill: $taskTextLightColor !important; -} - -.activeCritText0, -.activeCritText1, -.activeCritText2, -.activeCritText3 { - fill: $taskTextDarkColor !important; -} - -.titleText { - text-anchor: middle; - font-size: 18px; - fill: $taskTextLightColor; -} diff --git a/src/themes/dark/mermaid.scss b/src/themes/dark/mermaid.scss index 0375e40a5..0fdf6b3db 100644 --- a/src/themes/dark/mermaid.scss +++ b/src/themes/dark/mermaid.scss @@ -1,9 +1,9 @@ @import "variables"; -@import "flow"; -@import "sequenceDiagram"; -@import "gantt"; -@import "classDiagram"; -@import "gitGraph"; +@import "../flow"; +@import "../sequenceDiagram"; +@import "../gantt"; +@import "../classDiagram"; +@import "../gitGraph"; .node text { font-family: 'trebuchet ms', verdana, arial; font-size: 14px; diff --git a/src/themes/dark/sequenceDiagram.scss b/src/themes/dark/sequenceDiagram.scss deleted file mode 100644 index 7dd8dba20..000000000 --- a/src/themes/dark/sequenceDiagram.scss +++ /dev/null @@ -1,75 +0,0 @@ -.actor { - stroke: $actorBorder; - fill: $actorBkg; -} - -text.actor { - fill: $actorTextColor; - stroke: none; -} - -.actor-line { - stroke: $actorLineColor; -} - -.messageLine0 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $signalColor; -} - -.messageLine1 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - stroke: $signalColor; -} - -#arrowhead { - fill: $signalColor !important; -} - -#crosshead path { - fill: $signalColor !important; - stroke: $signalColor !important; -} - -.messageText { - fill: $signalTextColor; - stroke: none; -} - -.labelBox { - stroke: $labelBoxBorderColor; - fill: $labelBoxBkgColor; -} - -.labelText { - fill: $darkTextColor; - stroke: none; -} - -.loopText { - fill: $labelTextColor; - stroke: none; -} - -.loopLine { - stroke-width: 2; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $labelBoxBorderColor; -} - -.note { - //stroke: #decc93; - stroke: $noteBorderColor; - fill: $noteBkgColor; -} - -.noteText { - fill: black; - stroke: none; - font-family: 'trebuchet ms', verdana, arial; - font-size: 14px; -} diff --git a/src/themes/default/classDiagram.scss b/src/themes/default/classDiagram.scss deleted file mode 100644 index 9121c0d5a..000000000 --- a/src/themes/default/classDiagram.scss +++ /dev/null @@ -1,78 +0,0 @@ -g.classGroup text { - fill: $nodeBorder; - stroke: none; - font-family: 'trebuchet ms', verdana, arial; - font-size: 10px; -} - -g.classGroup rect { - fill: $nodeBkg; - stroke: $nodeBorder; -} - -g.classGroup line { - stroke: $nodeBorder; - stroke-width: 1; -} - -svg .classLabel .box { - stroke: none; - stroke-width: 0; - fill: $nodeBkg; - opacity: 0.5; -} - -svg .classLabel .label { - fill: $nodeBorder; - font-size: 10px; -} - -.relation { - stroke: $nodeBorder; - stroke-width: 1; - fill: none; -} - -@mixin composition { - fill: $nodeBorder; - stroke: $nodeBorder; - stroke-width: 1; -} - -#compositionStart { - @include composition; -} - -#compositionEnd { - @include composition; -} - -@mixin aggregation { - fill: $nodeBkg; - stroke: $nodeBorder; - stroke-width: 1; -} - -#aggregationStart { - @include aggregation; -} - -#aggregationEnd { - @include aggregation; -} - -#dependencyStart { - @include composition; -} - -#dependencyEnd { - @include composition; -} - -#extensionStart { - @include composition; -} - -#extensionEnd { - @include composition; -} diff --git a/src/themes/default/flow.scss b/src/themes/default/flow.scss deleted file mode 100644 index 9cca5d74c..000000000 --- a/src/themes/default/flow.scss +++ /dev/null @@ -1,39 +0,0 @@ -.mermaid .label { - color: #333 -} - -.node rect, -.node circle, -.node ellipse, -.node polygon { - fill: $mainBkg; - stroke: $border1; - stroke-width: 1px; -} - -.node.clickable { - cursor: pointer; -} - -.arrowheadPath { - fill: $arrowheadColor; -} - -.edgePath .path { - stroke: $lineColor; -} - -.edgeLabel { - background-color: $edgeLabelBackground; -} - -.cluster rect { - fill: $secondBkg !important; - rx: 4 !important; - stroke: $clusterBorder !important; - stroke-width: 1px !important; -} - -.cluster text { - fill: $titleColor; -} diff --git a/src/themes/default/mermaid.scss b/src/themes/default/mermaid.scss index d6b95146c..544003e93 100644 --- a/src/themes/default/mermaid.scss +++ b/src/themes/default/mermaid.scss @@ -1,8 +1,8 @@ @import "variables"; -@import "flow"; -@import "sequenceDiagram"; -@import "gantt"; -@import "classDiagram"; +@import "../flow"; +@import "../sequenceDiagram"; +@import "../gantt"; +@import "../classDiagram"; .node text { font-family: 'trebuchet ms', verdana, arial; font-size: 14px; diff --git a/src/themes/forest/flow.scss b/src/themes/flow.scss similarity index 100% rename from src/themes/forest/flow.scss rename to src/themes/flow.scss diff --git a/src/themes/forest/classDiagram.scss b/src/themes/forest/classDiagram.scss deleted file mode 100644 index 9121c0d5a..000000000 --- a/src/themes/forest/classDiagram.scss +++ /dev/null @@ -1,78 +0,0 @@ -g.classGroup text { - fill: $nodeBorder; - stroke: none; - font-family: 'trebuchet ms', verdana, arial; - font-size: 10px; -} - -g.classGroup rect { - fill: $nodeBkg; - stroke: $nodeBorder; -} - -g.classGroup line { - stroke: $nodeBorder; - stroke-width: 1; -} - -svg .classLabel .box { - stroke: none; - stroke-width: 0; - fill: $nodeBkg; - opacity: 0.5; -} - -svg .classLabel .label { - fill: $nodeBorder; - font-size: 10px; -} - -.relation { - stroke: $nodeBorder; - stroke-width: 1; - fill: none; -} - -@mixin composition { - fill: $nodeBorder; - stroke: $nodeBorder; - stroke-width: 1; -} - -#compositionStart { - @include composition; -} - -#compositionEnd { - @include composition; -} - -@mixin aggregation { - fill: $nodeBkg; - stroke: $nodeBorder; - stroke-width: 1; -} - -#aggregationStart { - @include aggregation; -} - -#aggregationEnd { - @include aggregation; -} - -#dependencyStart { - @include composition; -} - -#dependencyEnd { - @include composition; -} - -#extensionStart { - @include composition; -} - -#extensionEnd { - @include composition; -} diff --git a/src/themes/forest/gantt.scss b/src/themes/forest/gantt.scss deleted file mode 100644 index 6793135ec..000000000 --- a/src/themes/forest/gantt.scss +++ /dev/null @@ -1,209 +0,0 @@ -/** Section styling */ - -.section { - stroke: none; - opacity: 0.2; -} - -.section0 { - fill: $sectionBkgColor; -} - -.section2 { - fill: $sectionBkgColor2; -} - -.section1, -.section3 { - fill: $altSectionBkgColor; - opacity: 0.2; -} - -.sectionTitle0 { - fill: $titleColor; -} - -.sectionTitle1 { - fill: $titleColor; -} - -.sectionTitle2 { - fill: $titleColor; -} - -.sectionTitle3 { - fill: $titleColor; -} - -.sectionTitle { - text-anchor: start; - font-size: 11px; - text-height: 14px; -} - - -/* Grid and axis */ - -.grid .tick { - stroke: $gridColor; - opacity: 0.3; - shape-rendering: crispEdges; -} - -.grid path { - stroke-width: 0; -} - - -/* Today line */ - -.today { - fill: none; - stroke: $todayLineColor; - stroke-width: 2px; -} - - -/* Task styling */ - - -/* Default task */ - -.task { - stroke-width: 2; -} - -.taskText { - text-anchor: middle; - font-size: 11px; -} - -.taskTextOutsideRight { - fill: $taskTextDarkColor; - text-anchor: start; - font-size: 11px; -} - -.taskTextOutsideLeft { - fill: $taskTextDarkColor; - text-anchor: end; - font-size: 11px; -} - - -/* Specific task settings for the sections*/ - -.taskText0, -.taskText1, -.taskText2, -.taskText3 { - fill: $taskTextColor; -} - -.task0, -.task1, -.task2, -.task3 { - fill: $taskBkgColor; - stroke: $taskBorderColor; -} - -.taskTextOutside0, -.taskTextOutside2, -{ - fill: $taskTextOutsideColor; -} - -.taskTextOutside1, -.taskTextOutside3 { - fill: $taskTextOutsideColor; -} - - -/* Active task */ - -.active0, -.active1, -.active2, -.active3 { - fill: $activeTaskBkgColor; - stroke: $activeTaskBorderColor; -} - -.activeText0, -.activeText1, -.activeText2, -.activeText3 { - fill: $taskTextDarkColor !important; -} - - -/* Completed task */ - -.done0, -.done1, -.done2, -.done3 { - stroke: $doneTaskBorderColor; - fill: $doneTaskBkgColor; - stroke-width: 2; -} - -.doneText0, -.doneText1, -.doneText2, -.doneText3 { - fill: $taskTextDarkColor !important; -} - - -/* Tasks on the critical line */ - -.crit0, -.crit1, -.crit2, -.crit3 { - stroke: $critBorderColor; - fill: $critBkgColor; - stroke-width: 2; -} - -.activeCrit0, -.activeCrit1, -.activeCrit2, -.activeCrit3 { - stroke: $critBorderColor; - fill: $activeTaskBkgColor; - stroke-width: 2; -} - -.doneCrit0, -.doneCrit1, -.doneCrit2, -.doneCrit3 { - stroke: $critBorderColor; - fill: $doneTaskBkgColor; - stroke-width: 2; - cursor: pointer; - shape-rendering: crispEdges; -} - -.doneCritText0, -.doneCritText1, -.doneCritText2, -.doneCritText3 { - fill: $taskTextDarkColor !important; -} - -.activeCritText0, -.activeCritText1, -.activeCritText2, -.activeCritText3 { - fill: $taskTextDarkColor !important; -} - -.titleText { - text-anchor: middle; - font-size: 18px; - fill: $taskTextDarkColor; -} diff --git a/src/themes/forest/mermaid.scss b/src/themes/forest/mermaid.scss index d6b95146c..544003e93 100644 --- a/src/themes/forest/mermaid.scss +++ b/src/themes/forest/mermaid.scss @@ -1,8 +1,8 @@ @import "variables"; -@import "flow"; -@import "sequenceDiagram"; -@import "gantt"; -@import "classDiagram"; +@import "../flow"; +@import "../sequenceDiagram"; +@import "../gantt"; +@import "../classDiagram"; .node text { font-family: 'trebuchet ms', verdana, arial; font-size: 14px; diff --git a/src/themes/forest/sequenceDiagram.scss b/src/themes/forest/sequenceDiagram.scss deleted file mode 100644 index 3d436c0a3..000000000 --- a/src/themes/forest/sequenceDiagram.scss +++ /dev/null @@ -1,75 +0,0 @@ -.actor { - stroke: $actorBorder; - fill: $actorBkg; -} - -text.actor { - fill: $actorTextColor; - stroke: none; -} - -.actor-line { - stroke: $actorLineColor; -} - -.messageLine0 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $signalColor; -} - -.messageLine1 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - stroke: $signalColor; -} - -#arrowhead { - fill: $signalColor; -} - -#crosshead path { - fill: $signalColor !important; - stroke: $signalColor !important; -} - -.messageText { - fill: $signalTextColor; - stroke: none; -} - -.labelBox { - stroke: $labelBoxBorderColor; - fill: $labelBoxBkgColor; -} - -.labelText { - fill: $labelTextColor; - stroke: none; -} - -.loopText { - fill: $labelTextColor; - stroke: none; -} - -.loopLine { - stroke-width: 2; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $labelBoxBorderColor; -} - -.note { - //stroke: #decc93; - stroke: $noteBorderColor; - fill: $noteBkgColor; -} - -.noteText { - fill: black; - stroke: none; - font-family: 'trebuchet ms', verdana, arial; - font-size: 14px; -} diff --git a/src/themes/default/gantt.scss b/src/themes/gantt.scss similarity index 100% rename from src/themes/default/gantt.scss rename to src/themes/gantt.scss diff --git a/src/themes/dark/gitGraph.scss b/src/themes/gitGraph.scss similarity index 100% rename from src/themes/dark/gitGraph.scss rename to src/themes/gitGraph.scss diff --git a/src/themes/neutral/classDiagram.scss b/src/themes/neutral/classDiagram.scss deleted file mode 100644 index 9121c0d5a..000000000 --- a/src/themes/neutral/classDiagram.scss +++ /dev/null @@ -1,78 +0,0 @@ -g.classGroup text { - fill: $nodeBorder; - stroke: none; - font-family: 'trebuchet ms', verdana, arial; - font-size: 10px; -} - -g.classGroup rect { - fill: $nodeBkg; - stroke: $nodeBorder; -} - -g.classGroup line { - stroke: $nodeBorder; - stroke-width: 1; -} - -svg .classLabel .box { - stroke: none; - stroke-width: 0; - fill: $nodeBkg; - opacity: 0.5; -} - -svg .classLabel .label { - fill: $nodeBorder; - font-size: 10px; -} - -.relation { - stroke: $nodeBorder; - stroke-width: 1; - fill: none; -} - -@mixin composition { - fill: $nodeBorder; - stroke: $nodeBorder; - stroke-width: 1; -} - -#compositionStart { - @include composition; -} - -#compositionEnd { - @include composition; -} - -@mixin aggregation { - fill: $nodeBkg; - stroke: $nodeBorder; - stroke-width: 1; -} - -#aggregationStart { - @include aggregation; -} - -#aggregationEnd { - @include aggregation; -} - -#dependencyStart { - @include composition; -} - -#dependencyEnd { - @include composition; -} - -#extensionStart { - @include composition; -} - -#extensionEnd { - @include composition; -} diff --git a/src/themes/neutral/flow.scss b/src/themes/neutral/flow.scss deleted file mode 100644 index cfd20c09d..000000000 --- a/src/themes/neutral/flow.scss +++ /dev/null @@ -1,36 +0,0 @@ -.mermaid .label { - color: $text -} - -.node rect, -.node circle, -.node ellipse, -.node polygon { - fill: $mainBkg; - stroke: $nodeBorder; - stroke-width: 1px; -} - -.node.clickable { - cursor: pointer; -} - -.edgePath .path { - stroke: $lineColor; - stroke-width: 1.5px; -} - -.edgeLabel { - background-color: $edgeLabelBackground; -} - -.cluster rect { - fill: $secondBkg !important; - rx: 4 !important; - stroke: $clusterBorder !important; - stroke-width: 1px !important; -} - -.cluster text { - fill: $titleColor; -} diff --git a/src/themes/neutral/gantt.scss b/src/themes/neutral/gantt.scss deleted file mode 100644 index 511b77bdc..000000000 --- a/src/themes/neutral/gantt.scss +++ /dev/null @@ -1,208 +0,0 @@ -/** Section styling */ - -.section { - stroke: none; - opacity: 0.2; -} - -.section0 { - fill: $sectionBkgColor; -} - -.section2 { - fill: $sectionBkgColor2; -} - -.section1, -.section3 { - fill: $altSectionBkgColor; - opacity: 0.2; -} - -.sectionTitle0 { - fill: $titleColor; -} - -.sectionTitle1 { - fill: $titleColor; -} - -.sectionTitle2 { - fill: $titleColor; -} - -.sectionTitle3 { - fill: $titleColor; -} - -.sectionTitle { - text-anchor: start; - font-size: 11px; - text-height: 14px; -} - - -/* Grid and axis */ - -.grid .tick { - stroke: $gridColor; - opacity: 0.3; - shape-rendering: crispEdges; -} - -.grid path { - stroke-width: 0; -} - - -/* Today line */ - -.today { - fill: none; - stroke: $todayLineColor; - stroke-width: 2px; -} - - -/* Task styling */ - - -/* Default task */ - -.task { - stroke-width: 2; -} - -.taskText { - text-anchor: middle; - font-size: 11px; -} - -.taskTextOutsideRight { - fill: $taskTextDarkColor; - text-anchor: start; - font-size: 11px; -} - -.taskTextOutsideLeft { - fill: $taskTextDarkColor; - text-anchor: end; - font-size: 11px; -} - - -/* Specific task settings for the sections*/ - -.taskText0, -.taskText1, -.taskText2, -.taskText3 { - fill: $taskTextColor; -} - -.task0, -.task1, -.task2, -.task3 { - fill: $taskBkgColor; - stroke: $taskBorderColor; -} - -.taskTextOutside0, -.taskTextOutside2, -{ - fill: $taskTextOutsideColor; -} - -.taskTextOutside1, -.taskTextOutside3 { - fill: $taskTextOutsideColor; -} - - -/* Active task */ - -.active0, -.active1, -.active2, -.active3 { - fill: $activeTaskBkgColor; - stroke: $activeTaskBorderColor; -} - -.activeText0, -.activeText1, -.activeText2, -.activeText3 { - fill: $taskTextDarkColor !important; -} - - -/* Completed task */ - -.done0, -.done1, -.done2, -.done3 { - stroke: $doneTaskBorderColor; - fill: $doneTaskBkgColor; - stroke-width: 2; -} - -.doneText0, -.doneText1, -.doneText2, -.doneText3 { - fill: $taskTextDarkColor !important; -} - - -/* Tasks on the critical line */ - -.crit0, -.crit1, -.crit2, -.crit3 { - stroke: $critBorderColor; - fill: $critBkgColor; - stroke-width: 2; -} - -.activeCrit0, -.activeCrit1, -.activeCrit2, -.activeCrit3 { - stroke: $critBorderColor; - fill: $activeTaskBkgColor; - stroke-width: 2; -} - -.doneCrit0, -.doneCrit1, -.doneCrit2, -.doneCrit3 { - stroke: $critBorderColor; - fill: $doneTaskBkgColor; - stroke-width: 2; - cursor: pointer; //shape-rendering: crispEdges; -} - -.doneCritText0, -.doneCritText1, -.doneCritText2, -.doneCritText3 { - fill: $taskTextDarkColor !important; -} - -.activeCritText0, -.activeCritText1, -.activeCritText2, -.activeCritText3 { - fill: $taskTextDarkColor !important; -} - -.titleText { - text-anchor: middle; - font-size: 18px; - fill: $taskTextDarkColor; -} diff --git a/src/themes/neutral/mermaid.scss b/src/themes/neutral/mermaid.scss index 98c36fd75..b4facf5a4 100644 --- a/src/themes/neutral/mermaid.scss +++ b/src/themes/neutral/mermaid.scss @@ -1,8 +1,8 @@ @import "variables"; -@import "flow"; -@import "sequenceDiagram"; -@import "gantt"; -@import "classDiagram"; +@import "../flow"; +@import "../sequenceDiagram"; +@import "../gantt"; +@import "../classDiagram"; .node text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; diff --git a/src/themes/neutral/sequenceDiagram.scss b/src/themes/neutral/sequenceDiagram.scss deleted file mode 100644 index 1776c727f..000000000 --- a/src/themes/neutral/sequenceDiagram.scss +++ /dev/null @@ -1,75 +0,0 @@ -.actor { - stroke: $actorBorder; - fill: $actorBkg; -} - -text.actor { - fill: $actorTextColor; - stroke: none; -} - -.actor-line { - stroke: $actorLineColor; -} - -.messageLine0 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $signalColor; -} - -.messageLine1 { - stroke-width: 1.5; - stroke-dasharray: "2 2"; - stroke: $signalColor; -} - -#arrowhead { - fill: $signalColor; -} - -#crosshead path { - fill: $signalColor !important; - stroke: $signalColor !important; -} - -.messageText { - fill: $signalTextColor; - stroke: none; -} - -.labelBox { - stroke: $labelBoxBorderColor; - fill: $labelBoxBkgColor; -} - -.labelText { - fill: $labelTextColor; - stroke: none; -} - -.loopText { - fill: $labelTextColor; - stroke: none; -} - -.loopLine { - stroke-width: 2; - stroke-dasharray: "2 2"; - marker-end: "url(#arrowhead)"; - stroke: $labelBoxBorderColor; -} - -.note { - //stroke: #decc93; - stroke: $noteBorderColor; - fill: $noteBkgColor; -} - -.noteText { - fill: black; - stroke: none; - font-family: Arial, Helvetica, sans-serif; - font-size: 14px; -} diff --git a/src/themes/neutral/variables.scss b/src/themes/neutral/variables.scss index 96159629e..1dc9c2c56 100644 --- a/src/themes/neutral/variables.scss +++ b/src/themes/neutral/variables.scss @@ -8,6 +8,7 @@ $note: #ffa; $text: #333; $critical: #d42; $done: #bbb; +$arrowheadColor: #333333; /* Flowchart variables */ diff --git a/src/themes/default/sequenceDiagram.scss b/src/themes/sequenceDiagram.scss similarity index 100% rename from src/themes/default/sequenceDiagram.scss rename to src/themes/sequenceDiagram.scss diff --git a/todo.md b/todo.md index 29433b26b..bd8f4cb56 100644 --- a/todo.md +++ b/todo.md @@ -7,4 +7,3 @@ - Flowchart interpolate is useless because there is no rendering code using it - Rewrite SCSS code to reduce duplication - No global CSS. Should limit the CSS to mermaid charts only -- Remove gulp, add jison commands to readme file