Update app.py

What I restored:

Tab styling → Back to the original working version with proper color variables
Label styling → Using the original color scheme
Text elements → Restored to use CSS variables properly

What I kept targeted:

Button text → Only example buttons get dark text (not tab buttons)
Input text → Still white on dark backgrounds
Primary buttons → Keep white text on gradient backgrounds

Key changes:

✅ Tabs → Should now show icons and text like version 4
✅ "Keyword to analyze" → Should be visible with proper contrast
✅ Example buttons → Still have dark readable text
✅ No conflicts → Tab buttons excluded from button text rules

The CSS now uses :not(.gr-tab-nav button) selectors to avoid affecting tab styling while still fixing the example button text visibility.

app.py

@@ -393,7 +393,7 @@ footer {
     color: var(--text-primary) !important;
 }
 
-/* Additional text visibility fixes for buttons and inputs */
+/* Text input fixes - keep white text on dark backgrounds */
 input, textarea {
     color: #ffffff !important;
 }
@@ -406,72 +406,37 @@ textarea {
     color: #ffffff !important;
 }
 
-/* Fix button text - make it dark for light button backgrounds */
-.gr-button, button {
-    color: #1f2937 !important;
-}
-
-/* Fix example button text - dark text on light background */
-.gr-button span {
-    color: #1f2937 !important;
-}
-
-/* Fix any remaining text visibility issues in buttons */
-.gr-button *, button * {
+/* Button text fixes - dark text on light backgrounds */
+.gr-button:not(.gr-tab-nav button), 
+button:not(.gr-tab-nav button) {
     color: #1f2937 !important;
 }
 
-/* Aggressive fix for all button content - dark text */
-button span, .gr-button span, 
-button div, .gr-button div,
-button p, .gr-button p {
+.gr-button:not(.gr-tab-nav button) *, 
+button:not(.gr-tab-nav button) * {
     color: #1f2937 !important;
 }
 
-/* Target specific Gradio button classes - dark text */
-.gr-button .wrap,
-.gr-button .wrap *,
-button .wrap,
-button .wrap * {
-    color: #1f2937 !important;
-}
-
-/* Force all nested button elements to be dark */
-.gr-button > *,
-button > *,
-.gr-button * * {
-    color: #1f2937 !important;
-}
-
-/* Override any inherited text colors in buttons - dark text */
-[class*="button"] {
-    color: #1f2937 !important;
+/* Primary/gradient buttons get white text */
+.gr-button[variant="primary"], 
+.gr-button.primary {
+    color: #ffffff !important;
 }
 
-[class*="button"] * {
-    color: #1f2937 !important;
+.gr-button[variant="primary"] *, 
+.gr-button.primary * {
+    color: #ffffff !important;
 }
 
-/* Target any remaining grey text in buttons */
-.gr-row .gr-button,
-.gr-row button {
+/* Specifically target example buttons */
+.gr-row .gr-button {
     color: #1f2937 !important;
 }
 
-.gr-row .gr-button *,
-.gr-row button * {
+.gr-row .gr-button * {
     color: #1f2937 !important;
 }
 
-/* Special handling for primary buttons with gradients */
-.gr-button.primary {
-    color: #ffffff !important;
-}
-
-.gr-button.primary * {
-    color: #ffffff !important;
-}
-
 /* Mobile responsiveness */
 @media (max-width: 768px) {
     .gradio-container h1 {