Update app.py

app.py

@@ -9,9 +9,6 @@ from gradio.themes.utils import colors, fonts, sizes
 # --- Enhanced Custom Theme ---
 
 class NordTheme(Base):
-    """
-    Enhanced Nord theme with improved accessibility and visual polish.
-    """
     def __init__(self):
         super().__init__(
             primary_hue=colors.blue,
@@ -21,7 +18,6 @@ class NordTheme(Base):
             font_mono=(fonts.GoogleFont("Fira Code"), "ui-monospace", "monospace"),
         )
         self.set(
-            # Main backgrounds
             body_background_fill="#2E3440",
             body_text_color="#ECEFF4",
             block_background_fill="#3B4252",
@@ -29,35 +25,50 @@ class NordTheme(Base):
             block_border_color="#4C566A",
             block_label_background_fill="#434C5E",
             block_label_text_color="#ECEFF4",
-
-            # Input styling
-            input_background_fill="#434C5E",
-            input_border_color="transparent",
-            input_text_color="#ECEFF4",
-
-            # Button styling
             button_primary_background_fill="#5E81AC",
             button_primary_background_fill_hover="#81A1C1",
             button_primary_text_color="#ECEFF4",
             button_secondary_background_fill="#4C566A",
-            button_secondary_background_fill_hover="#5a657a",
+            button_secondary_background_fill_hover="#5A657A",
             button_secondary_text_color="#ECEFF4",
-
-            # Accent colors
             border_color_accent="#5E81AC",
-            background_fill_primary_dark="#2E3440",
-            color_accent_soft="#4c566a",
-
-            # Global block corner radius
             block_radius="12px",
-
-            # Error and success colors
             color_red="#BF616A",
             color_green="#A3BE8C",
             color_yellow="#EBCB8B",
             color_orange="#D08770",
         )
 
+css_overrides = """
+/* Inputs */
+.gradio-container textarea, 
+.gradio-container input[type="text"],
+.gradio-container input[type="password"],
+.gradio-container .code-input {
+    background: #434C5E !important;
+    color: #ECEFF4 !important;
+    border: none !important;
+    border-radius: 6px;
+}
+
+/* Buttons */
+.gradio-container .gr-button.primary {
+    background-color: #5E81AC !important;
+    color: #ECEFF4 !important;
+}
+.gradio-container .gr-button.primary:hover {
+    background-color: #81A1C1 !important;
+}
+.gradio-container .gr-button.secondary {
+    background-color: #4C566A !important;
+    color: #ECEFF4 !important;
+}
+.gradio-container .gr-button.secondary:hover {
+    background-color: #5A657A !important;
+}
+"""
+
+
 
 # --- Enhanced Configuration ---
 
@@ -385,15 +396,18 @@ def create_footer():
 
 # --- Main Application ---
 
-with gr.Blocks(theme=NordTheme(), title="CodeVerter Pro", css="""
-    .gradio-container {
-        max-width: 1200px !important;
-    }
-    .code-container {
-        border-radius: 8px !important;
-    }
-""") as app:
-    
+with gr.Blocks(
+    theme=NordTheme(),
+    css=css_overrides + """
+        .gradio-container {
+            max-width: 1200px !important;
+        }
+        .code-container {
+            border-radius: 8px !important;
+        }
+    """,
+    title="CodeVerter Pro"
+) as app:
     # Header
     create_header()