Switch theme from purple to dark blue, update button and tab styles**

assets/kesheret.css

@@ -96,41 +96,54 @@ button:hover, .gr-button:hover, .gradio-button:hover {
   background: #0056D6 !important;
 }
 
-/* Override Gradio's purple/violet colors with blue */
+/* Override Gradio's purple/violet colors with dark blue */
 :root {
   --primary-50: #eff6ff !important;
   --primary-100: #dbeafe !important;
   --primary-200: #bfdbfe !important;
   --primary-300: #93c5fd !important;
   --primary-400: #60a5fa !important;
-  --primary-500: #0046B8 !important;
-  --primary-600: #0046B8 !important;
+  --primary-500: #031F33 !important;
+  --primary-600: #031F33 !important;
   --primary-700: #004D85 !important;
   --primary-800: #031F33 !important;
   --primary-900: #031F33 !important;
 
   /* Override Gradio's default purple theme colors */
-  --color-accent: #0046B8 !important;
+  --color-accent: #031F33 !important;
   --color-accent-soft: #dbeafe !important;
-  --button-primary-background-fill: #0046B8 !important;
-  --button-primary-background-fill-hover: #0056D6 !important;
-  --button-primary-border-color: #0046B8 !important;
-  --button-primary-border-color-hover: #0056D6 !important;
+  --button-primary-background-fill: #031F33 !important;
+  --button-primary-background-fill-hover: #004D85 !important;
+  --button-primary-border-color: #031F33 !important;
+  --button-primary-border-color-hover: #004D85 !important;
   --button-primary-text-color: #FFFFFF !important;
   --button-primary-text-color-hover: #FFFFFF !important;
+
+  /* Force override all possible purple/violet variables */
+  --primary: #031F33 !important;
+  --secondary: #004D85 !important;
+  --neutral-950: #031F33 !important;
+  --violet-500: #031F33 !important;
+  --violet-600: #031F33 !important;
+  --purple-500: #031F33 !important;
+  --purple-600: #031F33 !important;
 }
 
-/* Comprehensive button styling - target all possible button selectors */
+/* Comprehensive button styling - target all possible button selectors with DARK BLUE */
 button,
 .gr-button,
 .gradio-button,
 button[data-testid],
 .svelte-1aq8tno,
 .primary,
-[data-testid*="button"] {
-  background: linear-gradient(135deg, var(--kesheret-blue) 0%, var(--medium-blue) 100%) !important;
+[data-testid*="button"],
+.btn,
+.button {
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
+  background-image: none !important;
   color: #FFFFFF !important;
-  border: 1px solid var(--kesheret-blue) !important;
+  border: 1px solid var(--dark-blue) !important;
   border-radius: 8px !important;
 }
 
@@ -140,17 +153,23 @@ button:hover,
 button[data-testid]:hover,
 .svelte-1aq8tno:hover,
 .primary:hover,
-[data-testid*="button"]:hover {
-  background: #0056D6 !important;
-  border-color: #0056D6 !important;
+[data-testid*="button"]:hover,
+.btn:hover,
+.button:hover {
+  background: var(--medium-blue) !important;
+  background-color: var(--medium-blue) !important;
+  border-color: var(--medium-blue) !important;
 }
 
-/* Tab headers - force blue instead of purple */
+/* Tab headers - force DARK BLUE instead of purple */
 .gradio-tabs .tab-nav button,
 .tab-nav button,
 button[role="tab"],
-.svelte-1t38q2d button {
-  background: var(--kesheret-blue) !important;
+.svelte-1t38q2d button,
+.tab-item,
+.tabitem {
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
   color: white !important;
   border: none !important;
 }
@@ -162,26 +181,34 @@ button[role="tab"],
 button[role="tab"][aria-selected="true"],
 button[role="tab"]:hover,
 .svelte-1t38q2d button.selected,
-.svelte-1t38q2d button:hover {
+.svelte-1t38q2d button:hover,
+.tab-item.selected,
+.tab-item:hover,
+.tabitem.selected,
+.tabitem:hover {
   background: var(--medium-blue) !important;
+  background-color: var(--medium-blue) !important;
   color: white !important;
 }
 
-/* Primary buttons - additional specificity */
+/* Primary buttons - additional specificity with DARK BLUE */
 button[variant="primary"],
 .primary,
 button.primary,
 .btn-primary {
-  background: linear-gradient(135deg, var(--kesheret-blue) 0%, var(--medium-blue) 100%) !important;
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
+  background-image: none !important;
   color: white !important;
-  border: 1px solid var(--kesheret-blue) !important;
+  border: 1px solid var(--dark-blue) !important;
 }
 
 button[variant="primary"]:hover,
 .primary:hover,
 button.primary:hover,
 .btn-primary:hover {
-  background: #0056D6 !important;
+  background: var(--medium-blue) !important;
+  background-color: var(--medium-blue) !important;
 }
 
 /* File upload buttons */
@@ -189,9 +216,42 @@ button.primary:hover,
 .file-upload button,
 button[aria-label*="upload"],
 button[aria-label*="Upload"] {
-  background: linear-gradient(135deg, var(--kesheret-blue) 0%, var(--medium-blue) 100%) !important;
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
   color: white !important;
-  border: 1px solid var(--kesheret-blue) !important;
+  border: 1px solid var(--dark-blue) !important;
+}
+
+/* NUCLEAR OPTION: Override ANY element that might be purple/violet */
+* {
+  --violet-500: var(--dark-blue) !important;
+  --violet-600: var(--dark-blue) !important;
+  --purple-500: var(--dark-blue) !important;
+  --purple-600: var(--dark-blue) !important;
+  --primary-500: var(--dark-blue) !important;
+  --primary-600: var(--dark-blue) !important;
+}
+
+/* Target specific Gradio classes that might be purple */
+.bg-violet-500,
+.bg-purple-500,
+.bg-primary-500,
+[style*="rgb(139, 69, 255)"],
+[style*="rgb(168, 85, 247)"],
+[style*="#8b45ff"],
+[style*="#a855f7"] {
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
+}
+
+/* Force all buttons to be dark blue - maximum specificity */
+button[data-testid="Detectar defectos"],
+button[data-testid*="detect"],
+button[data-testid*="button"] {
+  background: var(--dark-blue) !important;
+  background-color: var(--dark-blue) !important;
+  background-image: none !important;
+  border: 1px solid var(--dark-blue) !important;
 }
 
 }