diff options
| -rw-r--r-- | res/css/partials/graph-view.scss | 23 | ||||
| -rw-r--r-- | res/css/style.css | 21 |
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 { |