Switch UI to blue-white palette and enlarge icon labels

app.py

@@ -66,8 +66,8 @@ CUSTOM_CSS = """
 .gradio-container {
   max-width: 1200px !important;
   font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
-  background: #fcfdff !important;
-  color: #0f172a;
+  background: #f3f8ff !important;
+  color: #0b2a66;
 }
 
 .gradio-container * {
@@ -129,7 +129,7 @@ CUSTOM_CSS = """
 .section-title {
   font-size: 13px;
   font-weight: 700;
-  color: #6b7280;
+  color: #2454b8;
   margin-bottom: 6px;
   letter-spacing: 0.02em;
 }
@@ -152,19 +152,19 @@ CUSTOM_CSS = """
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  padding: 7px 8px;
+  gap: 8px;
+  padding: 10px 12px;
   border: none;
-  border-radius: 8px;
+  border-radius: 10px;
   text-decoration: none !important;
-  color: #1e3a8a !important;
-  background: transparent;
+  color: #1d4ed8 !important;
+  background: #eaf2ff;
   font-weight: 600;
-  font-size: 12px;
+  font-size: 15px;
 }
 
 .icon-link:hover {
-  background: #eef4ff;
+  background: #dbeafe;
 }
 
 .gradio-container .gr-button-primary {
@@ -174,14 +174,14 @@ CUSTOM_CSS = """
 }
 
 .gradio-container .gr-button-secondary {
-  background: #eef4ff !important;
-  color: #1e3a8a !important;
+  background: #dbeafe !important;
+  color: #1d4ed8 !important;
   border: none !important;
 }
 
 .gradio-container .gr-button-stop {
-  background: #fee2e2 !important;
-  color: #991b1b !important;
+  background: #bfdbfe !important;
+  color: #1d4ed8 !important;
   border: none !important;
 }
 
@@ -211,17 +211,17 @@ CUSTOM_CSS = """
 .gradio-container textarea,
 .gradio-container input {
   background: #ffffff !important;
-  border-color: #dbe7ff !important;
+  border-color: #bfdbfe !important;
 }
 
 .gradio-container .gr-markdown a {
-  color: #1e40af !important;
+  color: #1d4ed8 !important;
 }
 
 .inline-example-title {
   font-size: 13px;
   font-weight: 700;
-  color: #475569;
+  color: #2454b8;
   margin: 8px 0 2px 0;
 }
 """