added compatability for dark theme

tummala-manasa · tummala-manasa · commit 3ad4a0646789 · 2023-12-11T16:19:15.000-06:00
diff --git a/tensorboard/plugins/graph/tf_graph/tf-graph-scene.html.ts b/tensorboard/plugins/graph/tf_graph/tf-graph-scene.html.ts
@@ -489,7 +489,7 @@ export const template = html`
     }
     .expandbutton,
     .collapsebutton {
-      stroke: white;
+      stroke: #444;
     }
     /* Do not let the path elements in the button take pointer focus */
     .node > .nodeshape > .buttoncontainer > .expandbutton,
diff --git a/tensorboard/plugins/graph/tf_graph_controls/tf-graph-controls.ts b/tensorboard/plugins/graph/tf_graph_controls/tf-graph-controls.ts
@@ -382,7 +382,7 @@ class TfGraphControls extends LegacyElementMixin(
       }
 
       .legend-clarifier {
-        color: #266236;
+        color: var(--tb-graph-controls-text-color);
         cursor: help;
         display: inline-block;
         text-decoration: underline;

Original file line number	Diff line number	Diff line change
@@ -489,7 +489,7 @@ export const template = html`
`489`	`489`	`}`
`490`	`490`	`.expandbutton,`
`491`	`491`	`.collapsebutton {`
`492`		`- stroke: white;`
	`492`	`+ stroke: #444;`
`493`	`493`	`}`
`494`	`494`	`/* Do not let the path elements in the button take pointer focus */`
`495`	`495`	`.node > .nodeshape > .buttoncontainer > .expandbutton,`
Original file line number	Diff line number	Diff line change
`@@ -382,7 +382,7 @@ class TfGraphControls extends LegacyElementMixin(`
`382`	`382`	`}`
`383`	`383`
`384`	`384`	`.legend-clarifier {`
`385`		`- color: #266236;`
	`385`	`+ color: var(--tb-graph-controls-text-color);`
`386`	`386`	`cursor: help;`
`387`	`387`	`display: inline-block;`
`388`	`388`	`text-decoration: underline;`