Skip to content

Commit 84564a6

Browse files
haschekhaschek
committed
apply new react flow color configurations
1 parent 45d0763 commit 84564a6

4 files changed

Lines changed: 22 additions & 22 deletions

File tree

‎src/cmem/react-flow/configuration/_colors-graph.scss‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
.#{$eccgui}-configuration--colors__react-flow-graph {
2-
--#{$eccgui}-graph-node: #{eccgui-color-var("layout", "violet", 700)};
3-
--#{$eccgui}-graph-node-bright: #{eccgui-color-var("layout", "violet", 100)};
2+
--#{$eccgui}-graph-node: #{eccgui-color-var("layout", "purple", 700)};
3+
--#{$eccgui}-graph-node-bright: #{eccgui-color-var("layout", "purple", 100)};
44
--#{$eccgui}-class-node: #{eccgui-color-var("identity", "accent", 700)};
55
--#{$eccgui}-class-node-bright: #{eccgui-color-var("identity", "accent", 100)};
6-
--#{$eccgui}-instance-node: #{eccgui-color-var("layout", "cyan", 900)};
6+
--#{$eccgui}-instance-node: #{eccgui-color-var("layout", "cyan", 700)};
77
--#{$eccgui}-instance-node-bright: #{eccgui-color-var("layout", "cyan", 100)};
8-
--#{$eccgui}-property-node: #{eccgui-color-var("layout", "teal", 500)};
8+
--#{$eccgui}-property-node: #{eccgui-color-var("layout", "teal", 700)};
99
--#{$eccgui}-property-node-bright: #{eccgui-color-var("layout", "teal", 100)};
10-
--#{$eccgui}-implicit-edge: #{eccgui-color-var("layout", "pink", 900)};
11-
--#{$eccgui}-implicit-edge-bright: #{eccgui-color-var("layout", "pink", 100)};
10+
--#{$eccgui}-implicit-edge: #{eccgui-color-var("layout", "magenta", 700)};
11+
--#{$eccgui}-implicit-edge-bright: #{eccgui-color-var("layout", "magenta", 100)};
1212
--#{$eccgui}-import-edge: #{eccgui-color-var("layout", "violet", 700)};
1313
--#{$eccgui}-import-edge-bright: #{eccgui-color-var("layout", "violet", 100)};
1414
--#{$eccgui}-subclass-edge: #{eccgui-color-var("identity", "accent", 700)};
1515
--#{$eccgui}-subclass-edge-bright: #{eccgui-color-var("identity", "accent", 100)};
16-
--#{$eccgui}-subproperty-edge: #{eccgui-color-var("layout", "teal", 500)};
16+
--#{$eccgui}-subproperty-edge: #{eccgui-color-var("layout", "teal", 700)};
1717
--#{$eccgui}-subproperty-edge-bright: #{eccgui-color-var("layout", "teal", 100)};
18-
--#{$eccgui}-rdftype-edge: #{eccgui-color-var("layout", "cyan", 900)};
18+
--#{$eccgui}-rdftype-edge: #{eccgui-color-var("layout", "cyan", 700)};
1919
--#{$eccgui}-rdftype-edge-bright: #{eccgui-color-var("layout", "cyan", 100)};
2020
}

‎src/cmem/react-flow/configuration/_colors-linking.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
--#{$eccgui}-sourcepath-node-bright: #{eccgui-color-var("layout", "violet", 100)};
44
--#{$eccgui}-targetpath-node: #{eccgui-color-var("identity", "accent", 700)};
55
--#{$eccgui}-targetpath-node-bright: #{eccgui-color-var("identity", "accent", 100)};
6-
--#{$eccgui}-transformation-node: #{eccgui-color-var("layout", "pink", 900)};
6+
--#{$eccgui}-transformation-node: #{eccgui-color-var("layout", "pink", 700)};
77
--#{$eccgui}-transformation-node-bright: #{eccgui-color-var("layout", "pink", 100)};
8-
--#{$eccgui}-comparator-node: #{eccgui-color-var("layout", "teal", 500)};
8+
--#{$eccgui}-comparator-node: #{eccgui-color-var("layout", "teal", 700)};
99
--#{$eccgui}-comparator-node-bright: #{eccgui-color-var("layout", "teal", 100)};
10-
--#{$eccgui}-aggregator-node: #{eccgui-color-var("layout", "cyan", 900)};
10+
--#{$eccgui}-aggregator-node: #{eccgui-color-var("layout", "cyan", 700)};
1111
--#{$eccgui}-aggregator-node-bright: #{eccgui-color-var("layout", "cyan", 100)};
12-
--#{$eccgui}-value-edge: #{eccgui-color-var("layout", "grey", 900)};
12+
--#{$eccgui}-value-edge: #{eccgui-color-var("layout", "grey", 700)};
1313
--#{$eccgui}-value-edge-bright: #{eccgui-color-var("layout", "grey", 100)};
1414
--#{$eccgui}-score-edge: #{eccgui-color-var("layout", "cyan", 900)};
1515
--#{$eccgui}-score-edge-bright: #{eccgui-color-var("layout", "cyan", 100)};

‎src/cmem/react-flow/configuration/_colors-workflow.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@
33
--#{$eccgui}-project-node-bright: #{eccgui-color-var("layout", "magenta", 100)};
44
--#{$eccgui}-dataset-node: #{eccgui-color-var("identity", "accent", 700)};
55
--#{$eccgui}-dataset-node-bright: #{eccgui-color-var("identity", "accent", 100)};
6-
--#{$eccgui}-linking-node: #{eccgui-color-var("layout", "cyan", 900)};
6+
--#{$eccgui}-linking-node: #{eccgui-color-var("layout", "cyan", 700)};
77
--#{$eccgui}-linking-node-bright: #{eccgui-color-var("layout", "cyan", 100)};
8-
--#{$eccgui}-transform-node: #{eccgui-color-var("layout", "teal", 500)};
9-
--#{$eccgui}-transform-node-bright: #{eccgui-color-var("layout", "teal", 100)};
8+
--#{$eccgui}-transform-node: #{eccgui-color-var("layout", "pink", 700)};
9+
--#{$eccgui}-transform-node-bright: #{eccgui-color-var("layout", "pink", 100)};
1010
--#{$eccgui}-task-node: #{eccgui-color-var("layout", "lime", 700)};
1111
--#{$eccgui}-task-node-bright: #{eccgui-color-var("layout", "lime", 100)};
12-
--#{$eccgui}-workflow-node: #{eccgui-color-var("layout", "violet", 700)};
13-
--#{$eccgui}-workflow-node-bright: #{eccgui-color-var("layout", "violet", 100)};
12+
--#{$eccgui}-workflow-node: #{eccgui-color-var("layout", "purple", 700)};
13+
--#{$eccgui}-workflow-node-bright: #{eccgui-color-var("layout", "purple", 100)};
1414
--#{$eccgui}-replaceableInput: #{eccgui-color-var("layout", "amber", 700)};
1515
--#{$eccgui}-replaceableInput-bright: #{eccgui-color-var("layout", "amber", 100)};
1616
}

‎src/extensions/react-flow/_config.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
$reactflow-background-color: $card-background-color !default;
22
$reactflow-node-basesize: $button-height !default;
33
$reactflow-node-largesize: mini-units(6) !default;
4-
$reactflow-node-border-color: #{eccgui-color-var("identity", "text", "500")} !default;
4+
$reactflow-node-border-color: #{eccgui-color-var("identity", "text", "700")} !default;
55
$reactflow-node-background-color: #{eccgui-color-var("layout", "grey", "100")} !default;
66
$reactflow-node-color: $eccgui-color-workspace-text !default;
77
$reactflow-node-font-size: $eccgui-size-typo-caption !default;
88
$reactflow-node-border-width: 2 * $button-border-width !default;
99
$reactflow-node-border-radius: $button-border-radius !default;
10-
$reactflow-edge-stroke-opacity-default: 0.6 !default;
11-
$reactflow-edge-stroke-opacity-hover: 0.8 !default;
10+
$reactflow-edge-stroke-opacity-default: 0.8 !default;
11+
$reactflow-edge-stroke-opacity-hover: 0.9 !default;
1212
$reactflow-edge-stroke-opacity-selected: 1 !default;
13-
$reactflow-edge-stroke-color-default: $eccgui-color-workspace-text !default;
14-
$reactflow-edge-stroke-color-hover: $eccgui-color-workspace-text !default;
13+
$reactflow-edge-stroke-color-default: #{eccgui-color-var("identity", "text", "700")} !default;
14+
$reactflow-edge-stroke-color-hover: $reactflow-edge-stroke-color-default !default;
1515
$reactflow-edge-stroke-color-selected: $eccgui-color-accent !default;
1616
$reactflow-transition-time: 0.25s !default;
1717
$reactflow-transition-function: "" !default;

0 commit comments

Comments
 (0)