Upload app.py

app.py

@@ -94,46 +94,34 @@ button.primary {
     color: white !important;
 }
 
-/* Example buttons with dark background for white text */
-.examples button,
-.examples .btn,
-.examples .gr-button {
+/* NUCLEAR OPTION: Override ALL buttons in the examples section */
+div:has(> *:contains("Examples")) ~ * button,
+div:has(> *:contains("Examples")) button,
+*[class*="example"] button,
+*[class*="Example"] button {
     background: #374151 !important;
     color: white !important;
     border: 1px solid #4B5563 !important;
     border-radius: 8px !important;
 }
 
-.examples button:hover,
-.examples .btn:hover,
-.examples .gr-button:hover {
+div:has(> *:contains("Examples")) ~ * button:hover,
+div:has(> *:contains("Examples")) button:hover,
+*[class*="example"] button:hover,
+*[class*="Example"] button:hover {
     background: #4B5563 !important;
     color: white !important;
-    border-color: #6B7280 !important;
-    transform: translateY(-1px) !important;
 }
 
-/* Ensure all nested elements also have white text */
-.examples button *,
-.examples .btn *,
-.examples .gr-button * {
-    color: white !important;
-}
-
-/* Target any nested elements that might contain the text */
-.examples button span,
-.examples .btn span,
-.examples .gr-button span,
-.examples button div,
-.examples .btn div,
-.examples .gr-button div {
+/* Universal override for anything that might be an example */
+button:nth-of-type(n+3) {
+    background: #374151 !important;
     color: white !important;
+    border: 1px solid #4B5563 !important;
 }
 
-/* Alternative approach - target by data attributes or specific classes */
-[data-testid*="example"] button,
-[data-testid*="example"] * {
-    color: white !important;
+button:nth-of-type(n+3):hover {
+    background: #4B5563 !important;
 }
 
 /* Clear/secondary buttons */