fix styling

Vets-Who-Code · Nov 13, 2024 · f991c91 · f991c91
1 parent dae9044
commit f991c91
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/.streamlit/config.toml b/.streamlit/config.toml
@@ -8,5 +8,6 @@ maxUploadSize = 20
 primaryColor = "#c5203e"  # Red
 backgroundColor = "#ffffff"  # White
 secondaryBackgroundColor = "#091f40"  # Navy Blue
-textColor = "#000000"  # Black for visibility
+textColor = "#000000"  # Black for main content
+secondaryTextColor = "#ffffff"  # White for sidebar text
 font = "sans serif"
diff --git a/app.py b/app.py
@@ -25,7 +25,32 @@
         --red: #c5203e;
         --white: #ffffff;
     }
-    ...
+    
+    /* Sidebar styles */
+    [data-testid="stSidebarUserContent"] {
+        color: var(--white) !important;
+    }
+    
+    [data-testid="stSidebarUserContent"] .stMarkdown {
+        color: var(--white) !important;
+    }
+    
+    /* Make sidebar headers and text white */
+    [data-testid="stSidebarUserContent"] h1,
+    [data-testid="stSidebarUserContent"] h2,
+    [data-testid="stSidebarUserContent"] h3,
+    [data-testid="stSidebarUserContent"] h4,
+    [data-testid="stSidebarUserContent"] h5,
+    [data-testid="stSidebarUserContent"] h6,
+    [data-testid="stSidebarUserContent"] p,
+    [data-testid="stSidebarUserContent"] li {
+        color: var(--white) !important;
+    }
+    
+    /* Style strong tags in sidebar */
+    [data-testid="stSidebarUserContent"] strong {
+        color: var(--white) !important;
+    }
     </style>
 """, unsafe_allow_html=True)