Improved visibility of sample apps (#2037)

Signed-off-by: Prince Sanchez <[email protected]>
elyra-ai · Jul 17, 2024 · d5bada0 · d5bada0
1 parent b68ff48
commit d5bada0
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 8 deletions.
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
@@ -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
@@ -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/.../harness/src/client/components/custom-canvases/react-nodes-carbon/react-nodes-carbon.scss b/.../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/...arness/src/client/components/custom-canvases/react-nodes-mapping/react-nodes-mapping.scss b/...arness/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/...ules/harness/src/client/components/custom-canvases/stages-card-node/stages-card-node.scss b/...ules/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
@@ -23,3 +23,7 @@
 	}
 
 }
+
+.d3-link-dec-label{
+	color: #161616;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,3 +23,7 @@ @@
     	}
     }
+    .d3-link-dec-label{
+    	color: #161616;
+    }