Hugging Face's logo

Spaces:
jjz5463
/
App_Simulator
Sleeping

App Files Community
jjz5463 commited on
Commit
f4dbfcc
·
1 Parent(s): b312ef4

css update

Browse files
Files changed (1) hide show
  1. app.py +39 -25
app.py CHANGED
@@ -72,43 +72,57 @@ def chat(user_input, history):
72
  return invalid_response
73
 
74
  css = """
75
- body, .gradio-container {
76
- background-color: #121212 !important;
77
- color: white !important;
 
78
  }
79
 
80
- input[type="text"], textarea, .gr-input, .gr-textbox, .gradio-container .gr-markdown, .gradio-container .gr-button, .gr-box, .gr-button {
81
- background-color: #1e1e1e !important;
82
- color: white !important;
83
- border: 1px solid #333 !important;
84
  }
85
 
86
- .gr-button {
87
- background-color: #333 !important;
88
- color: white !important;
89
- border: 1px solid #555 !important;
 
 
 
 
 
 
90
  }
91
 
92
- .gradio-container .gr-chat-message, .chatbox-message {
93
- background-color: #1e1e1e !important;
94
- color: white !important;
 
 
 
 
 
 
95
  }
96
 
97
- .gradio-container .gr-chat-interface, .chat-interface {
98
- background-color: #1e1e1e !important;
99
- color: white !important;
100
  }
101
 
102
- .gradio-container .gr-button-secondary, .gradio-container .gr-button-primary {
103
- background-color: #333 !important;
104
- color: white !important;
105
- border-color: #555 !important;
 
106
  }
107
 
108
- .gr-input, .gr-textbox, .gradio-container input, .gradio-container textarea, .gradio-container select {
109
- background-color: #1e1e1e !important;
110
- color: white !important;
111
- border: 1px solid #555 !important;
 
112
  }
113
  """
114
 
 
72
  return invalid_response
73
 
74
  css = """
75
+ /* Overall Background and Text */
76
+ body {
77
+ background-color: #1e1e2f;
78
+ color: #e0e0e0;
79
  }
80
 
81
+ .gradio-container {
82
+ background-color: #1e1e2f;
83
+ color: #e0e0e0;
 
84
  }
85
 
86
+ /* Markdown Heading */
87
+ .gr-markdown {
88
+ color: #c3e88d;
89
+ }
90
+
91
+ /* Textbox Styles */
92
+ .gr-textbox input[type="text"], .gr-textbox textarea {
93
+ background-color: #2e2e3e;
94
+ color: #dcdcdc;
95
+ border: 1px solid #44475a;
96
  }
97
 
98
+ .gr-textbox input[type="text"]::placeholder, .gr-textbox textarea::placeholder {
99
+ color: #777;
100
+ }
101
+
102
+ /* Button Styles */
103
+ .gr-button {
104
+ background-color: #3b3b57;
105
+ color: #ffffff;
106
+ border: 1px solid #4c4c66;
107
  }
108
 
109
+ .gr-button:hover {
110
+ background-color: #4c4c66;
111
+ color: #ffffff;
112
  }
113
 
114
+ /* Chat Interface */
115
+ .gr-chatinterface {
116
+ background-color: #1e1e2f;
117
+ color: #e0e0e0;
118
+ border: 1px solid #44475a;
119
  }
120
 
121
+ /* Status Textbox */
122
+ .gr-textbox .status {
123
+ background-color: #2e2e3e;
124
+ color: #c3e88d;
125
+ border: 1px solid #44475a;
126
  }
127
  """
128