Update app.py

update to gradio theme

app.py

@@ -61,12 +61,25 @@ def predict_text(image):
 
 
 # Gradio UI
-with gr.Blocks(theme=gr.themes.Glass()) as interface:
+# Load custom CSS from an external file
+with open("styles.css", "r") as f:
+    custom_css = f.read()
+
+# Create a custom Gradio theme using the external CSS
+custom_theme = gr.themes.Base(
+    font=["Arial", "sans-serif"],
+    primary_hue="#e2cb92",          # GWU official gold as primary color
+    background_fill_color="#002855", # GWU official blue as background color
+    css=custom_css
+)
+
+# Gradio UI
+with gr.Blocks(theme=custom_theme) as interface:
     
     # Header
     gr.Markdown(
         """
-        <h1 style="text-align: center; background-color: #002855; color: #e2cb92;">🏥 Prescription Recognition AI</h1>
+        <h1 style="text-align: center;">🏥 Prescription Recognition AI</h1>
         <p style="text-align: center; font-size: 18px;">Upload or take a picture of a handwritten prescription. The AI will identify the drug name.</p>
         <hr>
         """,
@@ -90,5 +103,6 @@ with gr.Blocks(theme=gr.themes.Glass()) as interface:
     submit_button.click(fn=predict_text, inputs=image_input, outputs=output_text)
 
 
+
 if __name__ == "__main__":
     interface.launch()