Update app.py

app.py

@@ -30,6 +30,94 @@ blue_ui_css = """
 .gradio-container label input[type="radio"]:checked::before {
     background-color: #667eea !important;
 }
+
+/* Tab styling - change orange tabs to blue */
+.gradio-container .tab-nav button[aria-selected="true"],
+.gradio-container .tab-nav button.selected,
+.gradio-container button[role="tab"][aria-selected="true"],
+.gradio-container button[role="tab"].selected {
+    background-color: #667eea !important;
+    color: white !important;
+    border-bottom-color: #667eea !important;
+}
+
+.gradio-container .tab-nav button:hover,
+.gradio-container button[role="tab"]:hover {
+    background-color: #5a6fd8 !important;
+    color: white !important;
+}
+
+/* Target tab buttons with orange styling */
+.gradio-container .tabs button,
+.gradio-container .tab-nav button,
+.gradio-container button[role="tab"] {
+    transition: all 0.3s ease !important;
+}
+
+.gradio-container .tabs button[aria-selected="true"],
+.gradio-container .tabs button.selected {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    color: white !important;
+    border-color: #667eea !important;
+}
+
+/* Override orange primary colors globally */
+.gradio-container * {
+    --primary-color: #667eea !important;
+    --primary-600: #667eea !important;
+    --primary-500: #667eea !important;
+    --primary-400: #667eea !important;
+    --orange-500: #667eea !important;
+    --orange-600: #667eea !important;
+    --color-accent: #667eea !important;
+    --color-accent-soft: #667eea !important;
+}
+
+/* Button styling - comprehensive coverage */
+.gradio-container button,
+.gradio-container .gr-button,
+.gradio-container input[type="button"],
+.gradio-container input[type="submit"],
+.gradio-container .btn,
+.gradio-container [role="button"] {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    background-color: #667eea !important;
+    border-color: #667eea !important;
+    color: white !important;
+    border: 1px solid #667eea !important;
+}
+
+.gradio-container button:hover,
+.gradio-container .gr-button:hover,
+.gradio-container input[type="button"]:hover,
+.gradio-container input[type="submit"]:hover,
+.gradio-container .btn:hover,
+.gradio-container [role="button"]:hover {
+    background: linear-gradient(135deg, #5a6fd8 0%, #6b4190 100%) !important;
+    background-color: #5a6fd8 !important;
+    border-color: #5a6fd8 !important;
+    transform: translateY(-1px) !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+}
+
+/* Force override for any remaining orange elements */
+.gradio-container button[style*="background"],
+.gradio-container .gr-button[style*="background"],
+.gradio-container [style*="orange"],
+.gradio-container [class*="orange"] {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    background-color: #667eea !important;
+    color: white !important;
+}
+
+/* Specific targeting for tab icons and active states */
+.gradio-container [data-testid="tab"] button[aria-selected="true"],
+.gradio-container .tab button[aria-selected="true"],
+.gradio-container [role="tablist"] button[aria-selected="true"] {
+    background-color: #667eea !important;
+    color: white !important;
+    border-bottom: 2px solid #667eea !important;
+}
 """
 
 SPACE_REPO_ID = "IneqMath/IneqMath_Judge_Private"