Update app.py

this is v19 - What I changed:

✅ Tab button text → Now uses #e2e8f0 (light grey) instead of CSS variables
✅ Selected tab text → Uses #ffffff (white) for better contrast
✅ Hover state → White text on hover for better visibility
✅ All targeting methods → Each CSS selector now has explicit colors

The fixed colors:

Unselected tabs: #e2e8f0 (light grey) - clearly visible
Selected tab: #ffffff (white) - maximum contrast
Hover state: #ffffff (white) - good feedback

Now you should see:

🔬 Token Visualization - with visible text
📊 Full Analysis - with visible text
📈 Evolution Chart - with visible text
🌐 SERP Results - with visible text
📉 Ranking History - with visible text
💾 Raw Data - with visible text

app.py

@@ -159,7 +159,7 @@ p, span, div:not(.gr-button), .gr-markdown {
 
 .gr-tab-nav button {
     background: transparent !important;
-    color: var(--text-secondary) !important;
+    color: #e2e8f0 !important;
     border: none !important;
     border-radius: 8px !important;
     margin: 0 4px !important;
@@ -175,13 +175,13 @@ p, span, div:not(.gr-button), .gr-markdown {
 
 .gr-tab-nav button.selected {
     background: var(--gradient-button) !important;
-    color: var(--text-primary) !important;
+    color: #ffffff !important;
     box-shadow: 0 2px 4px rgba(6, 182, 212, 0.3) !important;
 }
 
 .gr-tab-nav button:hover:not(.selected) {
     background: var(--bg-card-hover) !important;
-    color: var(--text-primary) !important;
+    color: #ffffff !important;
 }
 
 /* Force tab button text visibility with multiple selectors */
@@ -206,6 +206,11 @@ button[role="tab"] span {
 .gr-tabs .gr-tab-nav button {
     font-size: 14px !important;
     line-height: 1.5 !important;
+    color: #e2e8f0 !important;
+}
+
+.gr-tabs .gr-tab-nav button.selected {
+    color: #ffffff !important;
 }
 
 /* Ensure tab content is visible */
@@ -215,29 +220,47 @@ button[role="tab"] span {
 
 /* Additional fallback for stubborn elements */
 [class*="tab"] button {
-    color: var(--text-secondary) !important;
+    color: #e2e8f0 !important;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
 }
 
 [class*="tab"] button.selected {
-    color: var(--text-primary) !important;
+    color: #ffffff !important;
 }
 
 /* Specific tab targeting with elem_ids */
 #tab-token button, #tab-analysis button, #tab-evolution button, 
 #tab-serp button, #tab-ranking button, #tab-data button {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
-    color: var(--text-secondary) !important;
+    color: #e2e8f0 !important;
     font-size: 14px !important;
 }
 
 /* Force emoji rendering for specific tabs */
-button[aria-controls*="tab-token"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
-button[aria-controls*="tab-analysis"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
-button[aria-controls*="tab-evolution"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
-button[aria-controls*="tab-serp"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
-button[aria-controls*="tab-ranking"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
-button[aria-controls*="tab-data"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-token"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
+button[aria-controls*="tab-analysis"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
+button[aria-controls*="tab-evolution"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
+button[aria-controls*="tab-serp"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
+button[aria-controls*="tab-ranking"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
+button[aria-controls*="tab-data"] { 
+    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; 
+    color: #e2e8f0 !important;
+}
 
 /* Buttons */
 .gr-button {