Hugging Face's logo

Spaces:
Shriharsh
/
Mistral_7B_Chat
Sleeping

App Files Community
Shriharsh commited on
Commit
563808c
·
verified ·
1 Parent(s): e492c81

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +33 -23
app.py CHANGED
@@ -8,67 +8,77 @@ client = InferenceClient(
8
  CSS = """
9
  body {
10
  background-color: black;
11
- color: #FFFFFF; /* Default text color - white */
12
  }
13
 
14
  .gradio-container {
15
  background-color: black;
16
- color: #FFFFFF;
17
  }
18
 
19
- h1 {
20
- color: #00FF00; /* Green color for the header text */
21
  }
22
 
23
- .gr-input {
24
- color: #00FF00; /* Input text color */
 
 
25
  }
26
 
27
- .gr-output {
28
- color: #00FFFF; /* Output text color */
29
  }
30
 
31
- .gr-button {
32
- background-color: #333333;
33
- color: #FFFFFF;
34
- border: 1px solid #FFFFFF;
35
  }
36
 
37
- .gr-button:hover {
38
- background-color: #555555;
 
39
  }
40
 
41
  .gr-slider {
42
- background-color: #1A1A1A;
43
  }
44
 
45
  .gr-slider .range-slider {
46
- background-color: #00FF00;
47
  }
48
 
49
  .gr-slider .range-slider__thumb {
50
- background-color: #00FFFF;
51
  }
52
 
53
  .gr-examples {
54
- color: #00FF00;
 
 
 
 
 
55
  }
56
 
57
  .gr-chat-message {
58
- background-color: #111111;
59
- border-radius: 15px;
60
  padding: 10px;
61
  }
62
 
63
  .gr-chat-message.user {
64
- color: #00FF00;
65
  }
66
 
67
  .gr-chat-message.bot {
68
- color: #00FFFF;
69
  }
70
- """
71
 
 
 
 
 
72
 
73
 
74
  def format_prompt(message, history):
 
8
  CSS = """
9
  body {
10
  background-color: black;
11
+ color: #FFFFFF; /* Default text color */
12
  }
13
 
14
  .gradio-container {
15
  background-color: black;
16
+ color: #FFFFFF; /* Default text color */
17
  }
18
 
19
+ h1, h2, h3 {
20
+ color: #00FF00; /* Green header text */
21
  }
22
 
23
+ .gr-button {
24
+ background-color: #333333; /* Dark button background */
25
+ color: #FFFFFF; /* White button text */
26
+ border: 1px solid #FFFFFF; /* Button border */
27
  }
28
 
29
+ .gr-button:hover {
30
+ background-color: #555555; /* Darker button on hover */
31
  }
32
 
33
+ .gr-input {
34
+ background-color: #111111; /* Input field dark background */
35
+ color: #00FF00; /* Input text color */
 
36
  }
37
 
38
+ .gr-output {
39
+ background-color: #111111; /* Output field dark background */
40
+ color: #00FFFF; /* Output text color */
41
  }
42
 
43
  .gr-slider {
44
+ background-color: #222222; /* Slider background */
45
  }
46
 
47
  .gr-slider .range-slider {
48
+ background-color: #00FF00; /* Slider active color */
49
  }
50
 
51
  .gr-slider .range-slider__thumb {
52
+ background-color: #00FFFF; /* Slider thumb color */
53
  }
54
 
55
  .gr-examples {
56
+ color: #00FF00; /* Examples text color */
57
+ }
58
+
59
+ .gr-chatbox {
60
+ background-color: black; /* Chatbox dark background */
61
+ color: #FFFFFF; /* Chatbox text color */
62
  }
63
 
64
  .gr-chat-message {
65
+ background-color: #222222; /* Chat message dark background */
66
+ border-radius: 10px; /* Chat message rounded corners */
67
  padding: 10px;
68
  }
69
 
70
  .gr-chat-message.user {
71
+ color: #00FF00; /* User message text color */
72
  }
73
 
74
  .gr-chat-message.bot {
75
+ color: #00FFFF; /* Bot message text color */
76
  }
 
77
 
78
+ .gr-block {
79
+ background-color: black;
80
+ }
81
+ """
82
 
83
 
84
  def format_prompt(message, history):