diff --git a/canvas_modules/harness/src/client/components/custom-canvases/explain/explain.scss b/canvas_modules/harness/src/client/components/custom-canvases/explain/explain.scss index 473c44b524..b31956a78f 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/explain/explain.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/explain/explain.scss @@ -33,12 +33,14 @@ font-weight: 600; text-align: center; user-select: none; // Prevents text highlighting on drag over + color: #161616; } .small_text { font-size: 11px; text-align: center; user-select: none; // Prevents text highlighting on drag over + color: #161616; } .dark_purple > .d3-node-body-outline { diff --git a/canvas_modules/harness/src/client/components/custom-canvases/progress/progress.scss b/canvas_modules/harness/src/client/components/custom-canvases/progress/progress.scss index 802abbd0a6..a10764cffe 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/progress/progress.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/progress/progress.scss @@ -18,6 +18,7 @@ $blue: #8EB5FF; $light-blue: #E9F1FF; $dark-blue: #4283FE; +$black: #161616; // Node colors for the Regular (Vertical) theme $node-body-stroke: $blue; @@ -82,6 +83,7 @@ $node-port-input-connected-super-binding-fill-color: $light-blue; .d3-node-label { font-size: 13px; + color: $black; } .d3-node-label-entry { diff --git a/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-carbon/react-nodes-carbon.scss b/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-carbon/react-nodes-carbon.scss index 0fa289cbbe..36835d7532 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-carbon/react-nodes-carbon.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-carbon/react-nodes-carbon.scss @@ -96,6 +96,10 @@ } } + .cds--cc--card-node__column{ + color: $text-primary; + } + // Set the outline/background for decorations. This will only affect the // zoom-in decorations on supernode since that is the only one with an // outline. diff --git a/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-mapping/react-nodes-mapping.scss b/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-mapping/react-nodes-mapping.scss index 65e7cf53a9..83eff85690 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-mapping/react-nodes-mapping.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/react-nodes-mapping/react-nodes-mapping.scss @@ -21,6 +21,7 @@ .d3-node-group { .d3-foreign-object-external-node { outline: none; // Suppress the tab highlighting + color: $text-primary; } .node-container { @@ -39,7 +40,7 @@ .node-header { height: 30px; padding: 5px; - background-color: #FFFFFF; + background-color: $background; display: grid; grid-template-columns: auto 1fr auto 30px; @@ -62,7 +63,7 @@ .scrollable-row { height: 30px; padding: 5px; - background-color: #F4F4F4; + background-color: $background; border-width: 2px; border-color: #FFFFFF; border-style: solid; @@ -72,20 +73,20 @@ grid-template-columns: 16px 20px 130px 175px 190px 20px; } &:hover { - background-color: #E5E5E5; + background-color: #909090; } } .node-no-columns { height: 30px; padding: 5px; - background-color: #F4F4F4; + background-color: $background; } .node-footer { height: 30px; padding: 5px; - background-color: #FFFFFF; + background-color: $background; .footer-label { font-size: 12px; diff --git a/canvas_modules/harness/src/client/components/custom-canvases/stages-card-node/stages-card-node.scss b/canvas_modules/harness/src/client/components/custom-canvases/stages-card-node/stages-card-node.scss index 62e5b98577..4c44ab9f3b 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/stages-card-node/stages-card-node.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/stages-card-node/stages-card-node.scss @@ -25,8 +25,8 @@ .d3-node-group { // Style the node body so it doesn't appear. .d3-node-body-outline { - fill: #FFFFFF; - stroke: #3E3E3E; + fill: $background; + stroke: $border-inverse; } &.d3-node-supernode-expanded > .d3-node-body-outline { @@ -41,6 +41,7 @@ stroke-width: 1; fill: transparent; pointer-events: none; + background-color: $background; } // Style node input ports so they don't appear. @@ -87,7 +88,7 @@ /* Hover over d3-node-group */ &:hover { .d3-node-body-outline { - fill: #E5E5E5; + fill: #807F7F; stroke: #3E3E3E; } @@ -120,6 +121,8 @@ } } + + } // ---------------------------------------------------- diff --git a/canvas_modules/harness/src/client/components/custom-canvases/streams/streams.scss b/canvas_modules/harness/src/client/components/custom-canvases/streams/streams.scss index 0788c67a58..c554352d73 100644 --- a/canvas_modules/harness/src/client/components/custom-canvases/streams/streams.scss +++ b/canvas_modules/harness/src/client/components/custom-canvases/streams/streams.scss @@ -23,3 +23,7 @@ } } + +.d3-link-dec-label{ + color: #161616; +}