From c1de9f15ddca0f91e8253567988b5cbff3898788 Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Tue, 18 Mar 2025 12:14:36 -0400
Subject: [PATCH] fix: improve dark theme coloring

Signed-off-by: Nick Mitchell <nickm@us.ibm.com>
---
 pdl-live-react/src/view/masonry/Masonry.css   | 11 ++++-------
 pdl-live-react/src/view/timeline/Timeline.css |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/pdl-live-react/src/view/masonry/Masonry.css b/pdl-live-react/src/view/masonry/Masonry.css
index 903de8ae7..fc563fe78 100644
--- a/pdl-live-react/src/view/masonry/Masonry.css
+++ b/pdl-live-react/src/view/masonry/Masonry.css
@@ -30,16 +30,13 @@
 .pf-v6-theme-dark {
   .pdl-masonry-tile {
     &[data-kind="model"] {
-      background: #0066cc;
+      background: #00336660;
     }
     &[data-kind="read"] {
-      background: #b9841230;
+      background: #73480b60;
     }
     &[data-kind="code"] {
-      background: #ca6c0f30;
-    }
-    &[data-kind="output-of-program"] {
-      background: #63993d30;
+      background: #004d4d60;
     }
   }
 }
@@ -55,7 +52,7 @@
     background: #fff4cc;
   }
   &[data-kind="code"] {
-    background: #ffe8cc;
+    background: #daf2f2;
   }
   &[data-kind="output-of-program"] {
     background: #e9f7df;
diff --git a/pdl-live-react/src/view/timeline/Timeline.css b/pdl-live-react/src/view/timeline/Timeline.css
index 813a07dbf..6c79a9f13 100644
--- a/pdl-live-react/src/view/timeline/Timeline.css
+++ b/pdl-live-react/src/view/timeline/Timeline.css
@@ -92,7 +92,7 @@
     background-color: var(--pf-t--global--icon--color--disabled);
   }
   &[data-kind="code"] {
-    background-color: var(--pf-t--global--color--nonstatus--orange--default);
+    background-color: var(--pf-t--global--color--nonstatus--teal--default);
   }
   &[data-kind="read"] {
     background-color: var(--pf-t--global--color--nonstatus--yellow--default);