From 8f7f1ee0b5f9bb4f1ed13c1ebdb1682a9f2ae490 Mon Sep 17 00:00:00 2001 From: YuDenzel Date: Wed, 5 Apr 2017 03:11:26 +0800 Subject: [PATCH] Add style for classDiagram to dark/default theme Copy classDiagram.less in forest theme to dark and default theme. Issue: #454 --- src/less/dark/classDiagram.less | 69 ++++++++++++++++++++++++++++++ src/less/dark/mermaid.less | 2 +- src/less/default/classDiagram.less | 69 ++++++++++++++++++++++++++++++ src/less/default/mermaid.less | 2 +- 4 files changed, 140 insertions(+), 2 deletions(-) create mode 100644 src/less/dark/classDiagram.less create mode 100644 src/less/default/classDiagram.less diff --git a/src/less/dark/classDiagram.less b/src/less/dark/classDiagram.less new file mode 100644 index 0000000000..8671bd7c98 --- /dev/null +++ b/src/less/dark/classDiagram.less @@ -0,0 +1,69 @@ +g.classGroup text { + fill:@nodeBorder; + stroke:none; + font-family: 'trebuchet ms', verdana, arial; + font-size: 14px; +} + +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; +} + +.relation { + stroke: @nodeBorder; + stroke-width: 1; + fill:none; +} + +.composition{ + fill : @nodeBorder; + stroke: @nodeBorder; + stroke-width:1; +} +#compositionStart { + .composition; +} +#compositionEnd { + .composition; +} +.aggregation{ + fill : @nodeBkg; + stroke: @nodeBorder; + stroke-width:1; +} +#aggregationStart { + .aggregation; +} +#aggregationEnd { + .aggregation; +} + +#dependencyStart { + .composition; +} +#dependencyEnd { + .composition; +} +#extensionStart { + .composition; +} +#extensionEnd { + .composition; +} \ No newline at end of file diff --git a/src/less/dark/mermaid.less b/src/less/dark/mermaid.less index 236e056733..a37e3ee0b8 100644 --- a/src/less/dark/mermaid.less +++ b/src/less/dark/mermaid.less @@ -2,7 +2,7 @@ @import "flow"; @import "sequenceDiagram"; @import "gantt"; -@import "variables"; +@import "classDiagram"; .node text { font-family: 'trebuchet ms', verdana, arial; diff --git a/src/less/default/classDiagram.less b/src/less/default/classDiagram.less new file mode 100644 index 0000000000..8671bd7c98 --- /dev/null +++ b/src/less/default/classDiagram.less @@ -0,0 +1,69 @@ +g.classGroup text { + fill:@nodeBorder; + stroke:none; + font-family: 'trebuchet ms', verdana, arial; + font-size: 14px; +} + +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; +} + +.relation { + stroke: @nodeBorder; + stroke-width: 1; + fill:none; +} + +.composition{ + fill : @nodeBorder; + stroke: @nodeBorder; + stroke-width:1; +} +#compositionStart { + .composition; +} +#compositionEnd { + .composition; +} +.aggregation{ + fill : @nodeBkg; + stroke: @nodeBorder; + stroke-width:1; +} +#aggregationStart { + .aggregation; +} +#aggregationEnd { + .aggregation; +} + +#dependencyStart { + .composition; +} +#dependencyEnd { + .composition; +} +#extensionStart { + .composition; +} +#extensionEnd { + .composition; +} \ No newline at end of file diff --git a/src/less/default/mermaid.less b/src/less/default/mermaid.less index a819b62d18..6470a354db 100644 --- a/src/less/default/mermaid.less +++ b/src/less/default/mermaid.less @@ -2,7 +2,7 @@ @import "flow"; @import "sequenceDiagram"; @import "gantt"; -@import "variables"; +@import "classDiagram"; .node text { font-family: 'trebuchet ms', verdana, arial;