fix: in react ui, adjust timeline colors to improve match with masonry

starpit · starpit · commit 048dace97869 · 2025-02-12T17:04:25.000-05:00
Signed-off-by: Nick Mitchell &lt;nickm@us.ibm.com&gt;
diff --git a/pdl-live-react/src/view/masonry/Masonry.css b/pdl-live-react/src/view/masonry/Masonry.css
@@ -45,7 +45,7 @@
     background: var(--pf-t--global--color--nonstatus--orange--default);
   }
   &[data-kind="code"] {
-    background: var(--pf-t--global--color--nonstatus--green--default);
+    background: var(--pf-t--global--color--nonstatus--blue--default);
   }
 }
 
diff --git a/pdl-live-react/src/view/timeline/Timeline.css b/pdl-live-react/src/view/timeline/Timeline.css
@@ -83,6 +83,12 @@
   &[data-kind="text"] {
     background-color: var(--pf-t--global--icon--color--disabled);
   }
+  &[data-kind="code"] {
+    background-color: var(--pf-t--global--color--nonstatus--blue--default);
+  }
+  &[data-kind="read"] {
+    background-color: var(--pf-t--global--color--nonstatus--orange--default);
+  }
   &[data-kind="repeat_until"],
   &[data-kind="repeat"],
   &[data-kind="for"],

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@`
`45`	`45`	`background: var(--pf-t--global--color--nonstatus--orange--default);`
`46`	`46`	`}`
`47`	`47`	`&[data-kind="code"] {`
`48`		`- background: var(--pf-t--global--color--nonstatus--green--default);`
	`48`	`+ background: var(--pf-t--global--color--nonstatus--blue--default);`
`49`	`49`	`}`
`50`	`50`	`}`
`51`	`51`