Update app.py

app.py

@@ -217,6 +217,9 @@ css = """
     color: #2563eb;
     font-weight: bold;
 }
+#title{text-align: center}
+#title h1{font-size: 3em; display:inline-flex; align-items:center}
+#title img{width: 100px; margin-right: 0.5em}  
 #prompt {
     flex-grow: 1;
 }
@@ -241,13 +244,14 @@ css = """
 """
 
 # Create Gradio interface
-with gr.Blocks(css=css) as demo:
+with gr.Blocks(css=css, theme=gr.themes.Ocean(font=[gr.themes.GoogleFont("Lexend Deca"), "sans-serif"])) as demo:
     gr_flux_loras = gr.State(value=flux_loras_raw)
     
     title = gr.HTML(
-        """<h1> FLUX.1 Kontext Portrait 👩🏻‍🎤
-        <br><small style="font-size: 13px; opacity: 0.75;">Flux.1 Kontext [dev] + community Kontext & Flux LoRAs 🤗</small></h1>""",
+        """<h1><img src="https://huggingface.co/spaces/kontext-community/FLUX.1-Kontext-portrait/resolve/main/dora_kontext.png" alt="LoRA"> FLUX.1 Kontext LoRA the Explorer</h1>""",
+        elem_id="title",
     )
+    gr.Markdown("Flux.1 Kontext [dev] + community Kontext & Flux LoRAs 🤗")
     
     selected_state = gr.State(value=None)
     custom_loaded_lora = gr.State(value=None)