saherPervaiz commited on
Commit
614613a
·
verified ·
1 Parent(s): d94240d

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +30 -4
app.py CHANGED
@@ -17,15 +17,41 @@ def chat(user_input, chat_history):
17
  except Exception as e:
18
  return f"Error: {e}", chat_history
19
 
20
- # Create Gradio interface
21
  with gr.Blocks(css="""
 
 
 
 
 
22
  #chatbox {
23
  height: 400px;
24
  overflow-y: auto;
25
- border: 1px solid #ccc;
26
- padding: 10px;
27
  border-radius: 8px;
28
- background-color: #f9f9f9;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
  }
30
  """) as demo:
31
  gr.Markdown("## 🤖 Professional Groq Chatbot")
 
17
  except Exception as e:
18
  return f"Error: {e}", chat_history
19
 
20
+ # Create Gradio interface with custom dark theme
21
  with gr.Blocks(css="""
22
+ body {
23
+ background-color: #121212;
24
+ color: #f1f1f1;
25
+ font-family: Arial, sans-serif;
26
+ }
27
  #chatbox {
28
  height: 400px;
29
  overflow-y: auto;
30
+ border: 2px solid #444;
31
+ padding: 15px;
32
  border-radius: 8px;
33
+ background-color: #2a2a2a;
34
+ color: #f1f1f1;
35
+ }
36
+ .textbox, .button {
37
+ background-color: #333;
38
+ color: #f1f1f1;
39
+ border: 1px solid #444;
40
+ }
41
+ .textbox:focus, .button:focus {
42
+ border-color: #007bff;
43
+ }
44
+ .button {
45
+ padding: 10px;
46
+ border-radius: 6px;
47
+ }
48
+ .button:hover {
49
+ background-color: #007bff;
50
+ cursor: pointer;
51
+ }
52
+ .gradio-container {
53
+ max-width: 800px;
54
+ margin: 0 auto;
55
  }
56
  """) as demo:
57
  gr.Markdown("## 🤖 Professional Groq Chatbot")