Simplify scss code

src/mermaidAPI.js

@@ -36,10 +36,10 @@ import gitGraphRenderer from './diagrams/gitGraph/gitGraphRenderer'
 import gitGraphAst from './diagrams/gitGraph/gitGraphAst'
 import pkg from '../package.json'
 
-import darkTheme from './themes/dark/mermaid.scss'
-import defaultTheme from './themes/default/mermaid.scss'
-import forestTheme from './themes/forest/mermaid.scss'
-import neutralTheme from './themes/neutral/mermaid.scss'
+import darkTheme from './themes/dark/index.scss'
+import defaultTheme from './themes/default/index.scss'
+import forestTheme from './themes/forest/index.scss'
+import neutralTheme from './themes/neutral/index.scss'
 
 const themes = {
   dark: darkTheme,

src/themes/dark/index.scss

@@ -50,3 +50,5 @@ $critBorderColor: #E83737;
 $critBkgColor: #E83737;
 $taskTextDarkColor: $darkTextColor;
 $todayLineColor: #DB5757;
+
+@import '../mermaid';

src/themes/dark/mermaid.scss

@@ -1,24 +0,0 @@
-@import "variables";
-@import "../flow";
-@import "../sequenceDiagram";
-@import "../gantt";
-@import "../classDiagram";
-@import "../gitGraph";
-.node text {
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
-}
-
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
-}

src/themes/default/index.scss

@@ -48,3 +48,5 @@ $doneTaskBorderColor: grey;
 $critBorderColor: #ff8888;
 $critBkgColor: red;
 $todayLineColor: red;
+
+@import '../mermaid';

src/themes/default/mermaid.scss

@@ -1,23 +0,0 @@
-@import "variables";
-@import "../flow";
-@import "../sequenceDiagram";
-@import "../gantt";
-@import "../classDiagram";
-.node text {
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 14px;
-}
-
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: 'trebuchet ms', verdana, arial;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
-}

src/themes/forest/index.scss

@@ -50,3 +50,5 @@ $doneTaskBorderColor: grey;
 $critBorderColor: #ff8888;
 $critBkgColor: red;
 $todayLineColor: red;
+
+@import '../mermaid';

src/themes/mermaid.scss

@@ -1,8 +1,9 @@
-@import "variables";
-@import "../flow";
-@import "../sequenceDiagram";
-@import "../gantt";
-@import "../classDiagram";
+@import 'flow';
+@import 'sequenceDiagram';
+@import 'gantt';
+@import 'classDiagram';
+@import 'gitGraph';
+
 .node text {
   font-family: 'trebuchet ms', verdana, arial;
   font-size: 14px;

src/themes/neutral/index.scss

@@ -53,3 +53,5 @@ $doneTaskBorderColor: $lineColor;
 $critBkgColor: $critical;
 $critBorderColor: darken($critBkgColor, 10%);
 $todayLineColor: $critBkgColor;
+
+@import '../mermaid';

src/themes/neutral/mermaid.scss

@@ -1,23 +0,0 @@
-@import "variables";
-@import "../flow";
-@import "../sequenceDiagram";
-@import "../gantt";
-@import "../classDiagram";
-.node text {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 14px;
-}
-
-div.mermaidTooltip {
-  position: absolute;
-  text-align: center;
-  max-width: 200px;
-  padding: 2px;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12px;
-  background: $secondBkg;
-  border: 1px solid $border2;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 100;
-}

src/themes/sequenceDiagram.scss

@@ -14,14 +14,14 @@ text.actor {
 
 .messageLine0 {
   stroke-width: 1.5;
-  stroke-dasharray: "2 2";
-  marker-end: "url(#arrowhead)";
+  stroke-dasharray: '2 2';
+  marker-end: 'url(#arrowhead)';
   stroke: $signalColor;
 }
 
 .messageLine1 {
   stroke-width: 1.5;
-  stroke-dasharray: "2 2";
+  stroke-dasharray: '2 2';
   stroke: $signalColor;
 }
 
@@ -56,8 +56,8 @@ text.actor {
 
 .loopLine {
   stroke-width: 2;
-  stroke-dasharray: "2 2";
-  marker-end: "url(#arrowhead)";
+  stroke-dasharray: '2 2';
+  marker-end: 'url(#arrowhead)';
   stroke: $labelBoxBorderColor;
 }