changing highlight colors in benchmark to vars + dark mode (#6426)

wdvr · web-flow · commit ff6e6edfdc38 · 2025-03-17T14:44:11.000-07:00
changing highlight colors in benchmark to vars and adopting dark/light
mode
diff --git a/torchci/components/metrics.module.css b/torchci/components/metrics.module.css
@@ -1,19 +1,23 @@
 .ok {
-  background-color: lightgreen;
+  background-color: var(--workflow-box-success-bg, lightgreen);
+  color: var(--text-color);
 }
 
 .warning {
-  background-color: lightyellow;
+  background-color: var(--workflow-box-pending-bg, lightyellow);
+  color: var(--text-color);
 }
 
 .error {
-  background-color: lightpink;
+  background-color: var(--workflow-box-fail-bg, lightpink);
+  color: var(--text-color);
 }
 
 .name {
   font-weight: bold;
 }
 
 .selectedRow {
-  background-color: lightblue;
+  background-color: var(--selected-row-bg, lightblue);
+  color: var(--text-color);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,23 @@`
`1`	`1`	`.ok {`
`2`		`- background-color: lightgreen;`
	`2`	`+ background-color: var(--workflow-box-success-bg, lightgreen);`
	`3`	`+ color: var(--text-color);`
`3`	`4`	`}`
`4`	`5`
`5`	`6`	`.warning {`
`6`		`- background-color: lightyellow;`
	`7`	`+ background-color: var(--workflow-box-pending-bg, lightyellow);`
	`8`	`+ color: var(--text-color);`
`7`	`9`	`}`
`8`	`10`
`9`	`11`	`.error {`
`10`		`- background-color: lightpink;`
	`12`	`+ background-color: var(--workflow-box-fail-bg, lightpink);`
	`13`	`+ color: var(--text-color);`
`11`	`14`	`}`
`12`	`15`
`13`	`16`	`.name {`
`14`	`17`	`font-weight: bold;`
`15`	`18`	`}`
`16`	`19`
`17`	`20`	`.selectedRow {`
`18`		`- background-color: lightblue;`
	`21`	`+ background-color: var(--selected-row-bg, lightblue);`
	`22`	`+ color: var(--text-color);`
`19`	`23`	`}`