Update app.py

app.py

@@ -30,6 +30,98 @@ blue_ui_css = """
 .gradio-container label input[type="radio"]:checked::before {
     background-color: #667eea !important;
 }
+
+/* Comprehensive button styling to override orange buttons */
+.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;
+}
+
+.gradio-container button:active,
+.gradio-container .gr-button:active,
+.gradio-container input[type="button"]:active,
+.gradio-container input[type="submit"]:active,
+.gradio-container .btn:active,
+.gradio-container [role="button"]:active {
+    background: linear-gradient(135deg, #4e5bc6 0%, #5e397e 100%) !important;
+    background-color: #4e5bc6 !important;
+    border-color: #4e5bc6 !important;
+    transform: translateY(0) !important;
+}
+
+/* Primary button variants */
+.gradio-container button.primary,
+.gradio-container .gr-button.primary,
+.gradio-container button[data-variant="primary"],
+.gradio-container .primary,
+.gradio-container .btn-primary {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    background-color: #667eea !important;
+    border-color: #667eea !important;
+    color: white !important;
+}
+
+/* Secondary button variants */
+.gradio-container button.secondary,
+.gradio-container .gr-button.secondary,
+.gradio-container button[data-variant="secondary"],
+.gradio-container .secondary,
+.gradio-container .btn-secondary {
+    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
+    background-color: #3b82f6 !important;
+    border-color: #3b82f6 !important;
+    color: white !important;
+}
+
+/* Stop/danger button variants */
+.gradio-container button.stop,
+.gradio-container .gr-button.stop,
+.gradio-container button[data-variant="stop"],
+.gradio-container .stop,
+.gradio-container .btn-danger {
+    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
+    background-color: #ef4444 !important;
+    border-color: #ef4444 !important;
+    color: white !important;
+}
+
+/* Override any remaining orange colors */
+.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;
+}
+
+/* Force override for stubborn orange buttons */
+.gradio-container button[style*="background"],
+.gradio-container .gr-button[style*="background"] {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+    background-color: #667eea !important;
+}
 """
 
 SPACE_REPO_ID = "IneqMath/IneqMath_Judge_Private"