GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-02-04 07:13:25 +08:00
Code Issues Projects Releases Wiki Activity

some clean up, fix mix.html 404

Browse Source
This commit is contained in:
Carlos Rodriguez 2016-03-12 13:23:31 -05:00
parent bba1050e5e
commit d763fffd7a
6 changed files with 68 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dist/mermaid.dark.css vendored
View File

@ -2,7 +2,7 @@
/* Sequence Diagram variables */ /* Sequence Diagram variables */
/* Gantt chart variables */ /* Gantt chart variables */
.mermaid .label { .mermaid .label {
color: #333; color: #323D47;
} }
.node rect, .node rect,
.node circle, .node circle,
@ -50,7 +50,7 @@ text.actor {
stroke: lightgrey; stroke: lightgrey;
} }
#arrowhead { #arrowhead {
fill: lightgrey; fill: lightgrey !important;
} }
#crosshead path { #crosshead path {
fill: lightgrey !important; fill: lightgrey !important;

6
src/less/dark/flow.less
View File

@ -1,4 +1,4 @@
.mermaid .label { color:#333 } .mermaid .label { color: @darkTextColor }
.node rect, .node rect,
.node circle, .node circle,
@ -19,11 +19,11 @@
.cluster rect{ .cluster rect{
fill: @secondBkg !important; fill: @secondBkg !important;
rx:4 !important; rx: 4 !important;
stroke: @clusterBorder !important; stroke: @clusterBorder !important;
stroke-width: 1px !important; stroke-width: 1px !important;
} }
.cluster text { .cluster text {
fill:@titleColor; fill: @titleColor;
} }

78
src/less/dark/gantt.less
View File

@ -1,29 +1,29 @@
/** Section styling */ /** Section styling */
.section { .section {
stroke:none; stroke: none;
opacity:0.2; opacity: 0.2;
} }
.section0{ .section0{
fill:@sectionBkgColor; fill: @sectionBkgColor;
} }
.section2 { .section2 {
fill:@sectionBkgColor2; fill: @sectionBkgColor2;
} }
.section1,.section3 { .section1,.section3 {
fill:@altSectionBkgColor; fill: @altSectionBkgColor;
opacity:0.2; opacity: 0.2;
} }
.sectionTitle0 { fill:@titleColor;} .sectionTitle0 { fill: @titleColor;}
.sectionTitle1 { fill:@titleColor;} .sectionTitle1 { fill: @titleColor;}
.sectionTitle2 { fill:@titleColor;} .sectionTitle2 { fill: @titleColor;}
.sectionTitle3 { fill:@titleColor;} .sectionTitle3 { fill: @titleColor;}
.sectionTitle { .sectionTitle {
text-anchor:start; text-anchor: start;
font-size:11px; font-size: 11px;
text-height:14px; text-height: 14px;
} }
/* Grid and axis */ /* Grid and axis */
@ -42,9 +42,9 @@
/* Today line */ /* Today line */
.today { .today {
fill:none; fill: none;
stroke:@todayLineColor; stroke: @todayLineColor;
stroke-width:2px; stroke-width: 2px;
} }
/* Task styling */ /* Task styling */
@ -54,24 +54,24 @@
} }
.taskText { .taskText {
text-anchor:middle; text-anchor: middle;
font-size:11px; font-size: 11px;
} }
.taskTextOutsideRight { .taskTextOutsideRight {
fill:@taskTextDarkColor; fill: @taskTextDarkColor;
text-anchor:start; text-anchor: start;
font-size:11px; font-size: 11px;
} }
.taskTextOutsideLeft { .taskTextOutsideLeft {
fill:@taskTextDarkColor; fill: @taskTextDarkColor;
text-anchor:end; text-anchor: end;
font-size:11px; font-size: 11px;
} }
/* Specific task settings for the sections*/ /* Specific task settings for the sections*/
.taskText0, .taskText1, .taskText2, .taskText3 { .taskText0, .taskText1, .taskText2, .taskText3 {
fill:@taskTextColor; fill: @taskTextColor;
} }
.task0, .task1, .task2, .task3 { .task0, .task1, .task2, .task3 {
@ -80,10 +80,10 @@
} }
.taskTextOutside0,.taskTextOutside2, { .taskTextOutside0,.taskTextOutside2, {
fill:@taskTextOutsideColor; fill: @taskTextOutsideColor;
} }
.taskTextOutside1, .taskTextOutside3 { .taskTextOutside1, .taskTextOutside3 {
fill:@taskTextOutsideColor; fill: @taskTextOutsideColor;
} }
/* Active task */ /* Active task */
@ -93,7 +93,7 @@
} }
.activeText0, .activeText1, .activeText2, .activeText3 { .activeText0, .activeText1, .activeText2, .activeText3 {
fill:@taskTextDarkColor !important; fill: @taskTextDarkColor !important;
} }
/* Completed task */ /* Completed task */
.done0, .done1, .done2, .done3 { .done0, .done1, .done2, .done3 {
@ -101,38 +101,38 @@
} }
.doneText0, .doneText1, .doneText2, .doneText3 { .doneText0, .doneText1, .doneText2, .doneText3 {
fill:@taskTextDarkColor !important; fill: @taskTextDarkColor !important;
} }
/* Tasks on the critical line */ /* Tasks on the critical line */
.crit0, .crit1, .crit2, .crit3 { .crit0, .crit1, .crit2, .crit3 {
stroke:@critBorderColor; stroke: @critBorderColor;
fill: @critBkgColor; fill: @critBkgColor;
stroke-width:2; stroke-width: 2;
} }
.activeCrit0, .activeCrit1, .activeCrit2, .activeCrit3 { .activeCrit0, .activeCrit1, .activeCrit2, .activeCrit3 {
stroke:@critBorderColor; stroke: @critBorderColor;
fill: @activeTaskBkgColor; fill: @activeTaskBkgColor;
stroke-width:2; stroke-width: 2;
} }
.doneCrit0, .doneCrit1, .doneCrit2, .doneCrit3 { .doneCrit0, .doneCrit1, .doneCrit2, .doneCrit3 {
stroke:@critBorderColor; stroke: @critBorderColor;
fill: @doneTaskBkgColor; fill: @doneTaskBkgColor;
stroke-width: 1; stroke-width: 1;
cursor: pointer; cursor: pointer;
shape-rendering: crispEdges; shape-rendering: crispEdges;
} }
.doneCritText0, .doneCritText1, .doneCritText2, .doneCritText3 { .doneCritText0, .doneCritText1, .doneCritText2, .doneCritText3 {
fill:@taskTextLightColor !important; fill: @taskTextLightColor !important;
} }
.activeCritText0, .activeCritText1, .activeCritText2, .activeCritText3 { .activeCritText0, .activeCritText1, .activeCritText2, .activeCritText3 {
fill:@taskTextDarkColor !important; fill: @taskTextDarkColor !important;
} }
.titleText { .titleText {
text-anchor:middle; text-anchor: middle;
font-size:18px; font-size: 18px;
fill:@taskTextLightColor; fill: @taskTextLightColor;
} }
/* /*

39
src/less/dark/sequenceDiagram.less
View File

@ -5,38 +5,39 @@
fill: @actorBkg; fill: @actorBkg;
} }
text.actor { text.actor {
fill:@actorTextColor; fill: @actorTextColor;
stroke:none; stroke: none;
} }
.actor-line { .actor-line {
stroke:@actorLineColor; stroke: @actorLineColor;
} }
.messageLine0 { .messageLine0 {
stroke-width:1.5; stroke-width: 1.5;
stroke-dasharray: "2 2"; stroke-dasharray: "2 2";
marker-end:"url(#arrowhead)"; marker-end: "url(#arrowhead)";
stroke:@signalColor; stroke: @signalColor;
} }
.messageLine1 { .messageLine1 {
stroke-width:1.5; stroke-width: 1.5;
stroke-dasharray: "2 2"; stroke-dasharray: "2 2";
stroke:@signalColor; stroke: @signalColor;
} }
#arrowhead { #arrowhead {
fill:@signalColor; fill: @signalColor !important;
} }
#crosshead path { #crosshead path {
fill:@signalColor !important; fill: @signalColor !important;
stroke: @signalColor !important; stroke: @signalColor !important;
} }
.messageText { .messageText {
fill:@signalTextColor; fill: @signalTextColor;
stroke:none; stroke: none;
} }
.labelBox { .labelBox {
@ -46,18 +47,18 @@ text.actor {
.labelText { .labelText {
fill: @darkTextColor; fill: @darkTextColor;
stroke:none; stroke: none;
} }
.loopText { .loopText {
fill: @labelTextColor; fill: @labelTextColor;
stroke:none; stroke: none;
} }
.loopLine { .loopLine {
stroke-width:2; stroke-width: 2;
stroke-dasharray: "2 2"; stroke-dasharray: "2 2";
marker-end:"url(#arrowhead)"; marker-end: "url(#arrowhead)";
stroke: @labelBoxBorderColor; stroke: @labelBoxBorderColor;
} }
@ -68,8 +69,8 @@ text.actor {
} }
.noteText { .noteText {
fill:black; fill: black;
stroke:none; stroke: none;
font-family: 'trebuchet ms', verdana, arial; font-family: 'trebuchet ms', verdana, arial;
font-size:14px; font-size: 14px;
} }

5
test/mix-dark-theme.html
View File

@ -68,7 +68,6 @@
body { body {
background: #323D47; background: #323D47;
font-family: sans-serif; font-family: sans-serif;
color: #ccc;
} }
</style> </style>
@ -106,8 +105,8 @@
B-- ... default style on links -->Z>My default thing this] B-- ... default style on links -->Z>My default thing this]
C-->D{condition}; C-->D{condition};
linkStyle 0 stroke-width:2px,fill:none,stroke:blue; linkStyle 0 stroke-width:2px,fill:none,stroke:steelblue;
linkStyle default stroke-width:2px,fill:none,stroke:red; linkStyle default stroke-width:2px,fill:none,stroke:crimson;
</div> </div>
<hr/> <hr/>

4
test/mix.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="../dist/mermaid.forest.css"/> <link rel="stylesheet" href="../dist/mermaid.forest.css"/>
<script src="../dist/mermaid.full.js"></script> <script src="../dist/mermaid.js"></script>
<script> <script>
var mermaid_config = { var mermaid_config = {
startOnLoad:true, startOnLoad:true,
@ -154,7 +154,7 @@
Describe gantt syntax :active, a1, after des1, 3d Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h Add another diagram to demo page :doc1, after a1 , 48h
section Last section section Last section
Describe gantt syntax :after doc1, 3d Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page : 20h Add gantt diagram to demo page : 20h