Update app.py

app.py

@@ -800,8 +800,6 @@ footer, .footer, #footer, .gradio-footer {
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
   border-radius: 50px !important;
   padding: 12px 24px !important;
-  color: white !important;
-  font-weight: 600 !important;
   cursor: pointer;
   transition: all var(--transition-fast) !important;
   display: flex;
@@ -809,6 +807,19 @@ footer, .footer, #footer, .gradio-footer {
   gap: 8px;
 }
 
+/* Light theme: black text */
+:root #theme-toggle-btn,
+:root #theme-toggle-btn button {
+  color: #0f172a !important;
+}
+
+/* Dark theme: white text */
+[data-theme="dark"] #theme-toggle-btn,
+[data-theme="dark"] #theme-toggle-btn button {
+  color: #ffffff !important;
+}
+
+
 #theme-toggle-btn:hover {
   background: rgba(255, 255, 255, 0.3) !important;
   transform: scale(1.05);
@@ -1123,16 +1134,24 @@ footer, .footer, #footer, .gradio-footer {
   align-items: flex-start;
   gap: 12px;
   font-size: 13px;
-  color: var(--text-secondary);
+  color: var(--text-secondary) !important;
   line-height: 1.5;
 }
 
+/* Force disclaimer text to follow theme */
+[data-theme="dark"] .disclaimer,
+[data-theme="dark"] .disclaimer span {
+  color: var(--text-secondary) !important;
+}
+
+/* Keep icon accent color (don’t override in dark mode) */
 .disclaimer svg {
-  color: var(--accent-primary);
+  color: var(--accent-primary) !important;
   flex-shrink: 0;
   margin-top: 2px;
 }
 
+
 /* ========== BATCH RESULTS ========== */
 .batch-results {
   background: var(--bg-secondary);
@@ -1407,6 +1426,17 @@ footer, .footer, #footer, .gradio-footer {
   font-weight: 700;
 }
 
+/* Ensure info-box text follows theme */
+.info-box,
+.info-box * {
+  color: var(--text-secondary) !important;
+}
+
+/* Keep strong highlighted */
+.info-box strong {
+  color: var(--accent-secondary) !important;
+}
+
 /* ========== RESPONSIVE ========== */
 @media (max-width: 768px) {
   .header-top {
@@ -1472,6 +1502,17 @@ footer, .footer, #footer, .gradio-footer {
   background: var(--bg-secondary) !important;
   border-color: var(--border-color) !important;
 }
+
+/* ==============================
+   FORCE BUTTON TEXT COLORS
+   ============================== */
+#predict-btn button,
+#batch-btn button,
+#predict-btn button * ,
+#batch-btn button * {
+  color: #ffffff !important;
+}
+
 """
 
 JS = r"""