"workbench-view-splitter"

Author: odeimaiz

services/static-webserver/client/source/class/osparc/desktop/WorkbenchView.js

@@ -40,16 +40,10 @@ qx.Class.define("osparc.desktop.WorkbenchView", {
     TAB_BUTTON_HEIGHT: 46,
 
     decorateSplitter: function(splitter) {
-      const colorManager = qx.theme.manager.Color.getInstance();
-      const binaryColor = osparc.utils.Utils.getRoundedBinaryColor(colorManager.resolve("background-main"));
       splitter.set({
         width: 2,
-        backgroundColor: binaryColor
+        backgroundColor: "workbench-view-splitter"
       });
-      colorManager.addListener("changeTheme", () => {
-        const newBinaryColor = osparc.utils.Utils.getRoundedBinaryColor(colorManager.resolve("background-main"));
-        splitter.setBackgroundColor(newBinaryColor);
-      }, this);
     },
 
     decorateSlider: function(slider) {
@@ -202,7 +196,6 @@ qx.Class.define("osparc.desktop.WorkbenchView", {
           control = new qx.ui.tabview.TabView().set({
             contentPadding: osparc.widget.CollapsibleViewLight.CARET_WIDTH + 2, // collapse bar + padding
             contentPaddingRight: 2,
-            backgroundColor: this.self().PRIMARY_COL_BG_COLOR,
             barPosition: "top"
           });
           const collapsibleViewLeft = this.getChildControl("collapsible-view-left");

services/static-webserver/client/source/class/osparc/theme/ColorDark.js

@@ -163,6 +163,7 @@ qx.Theme.define("osparc.theme.ColorDark", {
     "workbench-edge-comp-active": "#777777",
     "workbench-edge-api-active": "#BBBBBB",
     "workbench-start-hint": "#505050",
+    "workbench-view-splitter": "#000000",
 
     "node-background": "rgba(113, 157, 181, 0.5)",
     "node-selected-background": "strong-main",

services/static-webserver/client/source/class/osparc/theme/ColorLight.js

@@ -164,6 +164,7 @@ qx.Theme.define("osparc.theme.ColorLight", {
     "workbench-edge-comp-active": "#888888",
     "workbench-edge-api-active": "#444444",
     "workbench-start-hint": "#AFAFAF",
+    "workbench-view-splitter": "#DDDDDD",
 
     "node-background": "rgba(113, 157, 181, 0.35)",
     "node-selected-background": "strong-main",