Some tweaks to the graph styles

2 files changed, 27 insertions, 17 deletions

diff --git a/res/css/partials/graph-view.scss b/res/css/partials/graph-view.scss
index 78765353..fefe163d 100644
--- a/res/css/partials/graph-view.scss
+++ b/res/css/partials/graph-view.scss
@@ -31,13 +31,13 @@
 }
 
 .svg-input-fo-node input {
-  font-size:17px;
+  font-size: $h3-size;
   background-color: transparent;
 }
 
 .linklabel{
   stroke: $dark-grey;
-  font-size: $h5-size;
+  font-size: $h4-size;
   background-color: transparent;
 }
 
@@ -47,13 +47,15 @@
 }
 
 .svg-input-fo-link input {
-    font-size: 14px;
+  font-size: $h4-size;;
   background-color: transparent;
 }
 
 .link {
   fill: none;
-  stroke: #404040;
+  stroke: $mid-grey;
+  stroke-width: 1px;
+  stroke-opacity: 0.5;
   z-index:1;
 }
 
@@ -69,13 +71,15 @@
   stroke-opacity: 0.5;
 }
 .circle.enter {
-  stroke: #EDE275;
+  stroke: $cyan;
+  stroke-opacity: 0.5;
 }
 .circle.bubble {
   stroke: #101010;
 }
 .circle.exit {
-  stroke: #EDE275;
+  stroke: $cyan;
+  stroke-opacity: 0.5;
 }
 .circle.chainlink {
   stroke: #AAA;
@@ -142,7 +146,7 @@
 /* Selected parts of the graph, right now by clicking, later with search. */
 
 .notselected {
-  opacity: 0.3;
+  opacity: 0.2;
 }
 
 .graph.link.temp_and {
@@ -159,8 +163,9 @@
 
 .link.enter, .link.exit, .link.selected {
   fill: none;
-  stroke: #EDE275;
-  stroke-width: 4px;
+  stroke: $cyan;
+  stroke-opacity: 0.5;
+  stroke-width: 2px;
   z-index:1;
 }
 
diff --git a/res/css/style.css b/res/css/style.css
index 3b95af2e..a268967e 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -169,12 +169,12 @@ body.debug .debug-ui-right {
   z-index: 3; }
 
 .svg-input-fo-node input {
-  font-size: 17px;
+  font-size: 18px;
   background-color: transparent; }
 
 .linklabel {
   stroke: #363636;
-  font-size: 12px;
+  font-size: 14px;
   background-color: transparent; }
 
 .svg-input-fo-link {
@@ -186,7 +186,9 @@ body.debug .debug-ui-right {
 
 .link {
   fill: none;
-  stroke: #404040;
+  stroke: #919095;
+  stroke-width: 1px;
+  stroke-opacity: 0.5;
   z-index: 1; }
 
 .ghostlink {
@@ -201,13 +203,15 @@ body.debug .debug-ui-right {
   stroke-opacity: 0.5; }
 
 .circle.enter {
-  stroke: #EDE275; }
+  stroke: #33c2e0;
+  stroke-opacity: 0.5; }
 
 .circle.bubble {
   stroke: #101010; }
 
 .circle.exit {
-  stroke: #EDE275; }
+  stroke: #33c2e0;
+  stroke-opacity: 0.5; }
 
 .circle.chainlink {
   stroke: #AAA; }
@@ -256,7 +260,7 @@ body.debug .debug-ui-right {
 
 /* Selected parts of the graph, right now by clicking, later with search. */
 .notselected {
-  opacity: 0.3; }
+  opacity: 0.2; }
 
 .graph.link.temp_and {
   stroke-dasharray: 3,3; }
@@ -270,8 +274,9 @@ body.debug .debug-ui-right {
 
 .link.enter, .link.exit, .link.selected {
   fill: none;
-  stroke: #EDE275;
-  stroke-width: 4px;
+  stroke: #33c2e0;
+  stroke-opacity: 0.5;
+  stroke-width: 2px;
   z-index: 1; }
 
 #editbox input {