Fix text color: category pills, selectbox values + labels now white

src/styles/dark_theme.py

@@ -26,7 +26,7 @@ DARK_THEME_CSS = """
     /* ── Main background ── */
     .stApp {
         background-color: var(--bg-primary) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
     }
 
     /* ── Hide the top header bar ── */
@@ -127,13 +127,22 @@ DARK_THEME_CSS = """
     .stSelectbox div > div > input {
         font-size: 18px !important;
         background-color: var(--bg-primary) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
         border-color: var(--border) !important;
     }
+    /* All widget labels — force white text */
+    .stSelectbox label,
+    .stTextInput label,
+    .stNumberInput label,
+    .stDateInput label,
+    .stRadio label,
+    label[data-baseweb="label"] {
+        color: #ffffff !important;
+    }
     /* Selectbox trigger and dropdown — dark theme */
     .stSelectbox div[data-baseweb="select"] > div {
         background-color: var(--bg-primary) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
         border-color: var(--border) !important;
     }
     .stSelectbox div[data-baseweb="select"] > div:hover {
@@ -146,12 +155,12 @@ DARK_THEME_CSS = """
     }
     [data-baseweb="popover"] li[role="option"] {
         background-color: var(--bg-card) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
         font-size: 16px !important;
     }
     [data-baseweb="popover"] li[role="option"]:hover {
         background-color: var(--bg-card-open) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
     }
     [data-baseweb="popover"] li[role="option"][aria-selected="true"] {
         background-color: var(--accent) !important;
@@ -267,7 +276,7 @@ DARK_THEME_CSS = """
     /* ── Category filter: horizontal radio pills ── */
     .stRadio label[data-baseweb="label"] {
         font-size: 12px !important;
-        color: var(--text-muted) !important;
+        color: #ffffff !important;
         margin-bottom: 0 !important;
     }
     .stRadio > div[role="radiogroup"] {
@@ -282,7 +291,7 @@ DARK_THEME_CSS = """
         padding: 6px 10px !important;
         min-height: 34px !important;
         line-height: 22px !important;
-        color: var(--text-muted) !important;
+        color: #ffffff !important;
         font-size: 13px !important;
         font-weight: 500 !important;
         cursor: pointer !important;
@@ -293,7 +302,7 @@ DARK_THEME_CSS = """
     }
     .stRadio > div[role="radiogroup"] > label:hover {
         border-color: var(--accent) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
     }
     .stRadio > div[role="radiogroup"] > label[data-baseweb="radio"] {
         justify-content: center !important;
@@ -369,12 +378,12 @@ DARK_THEME_CSS = """
     }
     form[data-testid="stForm"] [data-baseweb="popover"] li[role="option"] {
         background-color: var(--bg-card) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
         font-size: 16px !important;
     }
     form[data-testid="stForm"] [data-baseweb="popover"] li[role="option"]:hover {
         background-color: var(--bg-card-open) !important;
-        color: var(--text-primary) !important;
+        color: #ffffff !important;
     }
     form[data-testid="stForm"] [data-baseweb="popover"] li[role="option"][aria-selected="true"] {
         background-color: var(--accent) !important;
@@ -383,6 +392,7 @@ DARK_THEME_CSS = """
     form[data-testid="stForm"] .stSelectbox label {
         font-size: 13px !important;
         margin-bottom: 4px !important;
+        color: #ffffff !important;
     }
     /* Compact text input to match */
     form[data-testid="stForm"] .stTextInput > div > div > input {
@@ -392,6 +402,7 @@ DARK_THEME_CSS = """
     form[data-testid="stForm"] .stTextInput label {
         font-size: 13px !important;
         margin-bottom: 4px !important;
+        color: #ffffff !important;
     }
 
     /* ── Force dark on all wrappers (iframes, parent tries) ── */