Update app.py

app.py

@@ -8,12 +8,30 @@ client = Groq(api_key=GROQ_API_KEY)
 
 TITLE = "<h1><center>CodeAssist AI</center></h1>"
 PLACEHOLDER = """<center><p>Hi, I'm your coding assistant. Ask me anything about programming!</p></center>"""
+
 CSS = """
-body { background-color: black; color: white; }
-.duplicate-button { margin: auto !important; color: white !important; background: black !important; border-radius: 100vh !important;}
-h3, p, h1 { text-align: center; color: white; }
-footer { text-align: center; padding: 10px; width: 100%; background-color: rgba(240, 240, 240, 0.8); z-index: 1000; position: relative; margin-top: 10px; color: black;}
+.duplicate-button {
+    margin: auto !important;
+    color: white !important;
+    background: black !important;
+    border-radius: 100vh !important;
+}
+h3, p, h1 {
+    text-align: center;
+    color: white;
+}
+footer {
+    text-align: center;
+    padding: 10px;
+    width: 100%;
+    background-color: rgba(240, 240, 240, 0.8);
+    z-index: 1000;
+    position: relative;
+    margin-top: 10px;
+    color: black;
+}
 """
+
 FOOTER_TEXT = """<footer> <p>If you enjoyed the functionality of the app, please leave a like!<br> Check out more on <a href="https://www.linkedin.com/in/girish-wangikar/" target="_blank">LinkedIn</a> | <a href="https://girishwangikar.github.io/Girish_Wangikar_Portfolio.github.io/" target="_blank">Portfolio</a></p></footer>"""
 
 def generate_response(
@@ -52,7 +70,7 @@ def clear_conversation():
 
 chatbot = gr.Chatbot(height=600, placeholder=PLACEHOLDER)
 
-with gr.Blocks(css=CSS) as demo:
+with gr.Blocks(css=CSS, theme="Nymbo/Nymbo_Theme") as demo:
     gr.HTML(TITLE)
 
     with gr.Accordion("⚙️ Parameters", open=False):