diff --git a/static/css/components/ux-platform.css b/static/css/components/ux-platform.css
index 0fee97f..8b70bae 100644
--- a/static/css/components/ux-platform.css
+++ b/static/css/components/ux-platform.css
@@ -406,6 +406,29 @@
     color: var(--text-primary, #e6edf5);
 }
 
+/* ---- Light theme overrides ---- */
+[data-theme="light"] .run-state-chip {
+    background: linear-gradient(180deg, rgba(233, 238, 245, 0.9), rgba(225, 232, 242, 0.92));
+    border-color: rgba(31, 95, 168, 0.18);
+    color: var(--text-secondary);
+}
+
+[data-theme="light"] .run-state-chip.active {
+    border-color: rgba(31, 95, 168, 0.4);
+    color: var(--text-primary);
+}
+
+[data-theme="light"] .run-state-btn {
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 244, 249, 0.97));
+    color: var(--accent-cyan);
+    border-color: rgba(31, 95, 168, 0.25);
+}
+
+[data-theme="light"] .run-state-btn:hover {
+    background: rgba(31, 95, 168, 0.08);
+    border-color: rgba(31, 95, 168, 0.45);
+}
+
 @media (max-width: 920px) {
     .run-state-strip {
         flex-direction: column;
diff --git a/static/css/global-nav.css b/static/css/global-nav.css
index 79e298c..b6153c9 100644
--- a/static/css/global-nav.css
+++ b/static/css/global-nav.css
@@ -393,12 +393,14 @@
 
 [data-theme="light"] .mode-nav-btn.active {
     background: rgba(220, 230, 244, 0.9);
+    color: var(--text-primary);
 }
 
 [data-theme="light"] .mode-nav-dropdown-btn:hover,
 [data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn,
 [data-theme="light"] .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
     background: rgba(220, 230, 244, 0.9);
+    color: var(--text-primary);
 }
 
 [data-theme="light"] .mode-nav-dropdown-menu {
@@ -412,6 +414,7 @@
 
 [data-theme="light"] .mode-nav-dropdown-menu .mode-nav-btn.active {
     background: rgba(220, 230, 244, 0.95);
+    color: var(--text-primary);
 }
 
 [data-theme="light"] .nav-tool-btn {