Hugging Face's logo

Spaces:
Underground-Digital
/
Code-Cooker
Sleeping

App Files Community
Severian commited on
Commit
1868885
·
verified ·
1 Parent(s): c16b512

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +38 -27
app.py CHANGED
@@ -126,43 +126,54 @@ def inference(
126
 
127
 
128
  with gr.Blocks(css="""
129
- body {
130
- background-color: #121212;
131
- color: #e0e0e0;
 
132
  }
133
- .gradio-container {
134
- background-color: #121212;
 
 
 
135
  }
 
 
136
  .gr-button-primary {
137
- background-color: #ff0000 !important;
138
- border-color: #ff0000 !important;
 
139
  }
 
140
  .gr-button-primary:hover {
141
- background-color: #cc0000 !important;
142
- border-color: #cc0000 !important;
143
  }
144
- .gr-form {
145
- background-color: #1e1e1e;
146
- border: 1px solid #333333;
147
- border-radius: 8px;
148
- padding: 20px;
149
- }
150
- .gr-input, .gr-select {
151
- background-color: #2a2a2a;
152
- border-color: #444444;
153
- color: #e0e0e0;
154
  }
155
- .gr-input:focus, .gr-select:focus {
156
- border-color: #ff0000;
 
 
157
  }
158
- .gr-form-label {
159
- color: #ff0000;
 
 
160
  }
161
- .gr-box {
162
- border-color: #333333;
 
163
  }
164
- .gr-panel {
165
- background-color: #1e1e1e;
 
 
166
  }
167
  """) as blocks:
168
  gr.Markdown(
 
126
 
127
 
128
  with gr.Blocks(css="""
129
+ /* Global styles */
130
+ body, .gradio-container, #component-0 {
131
+ background-color: #1a1a1a !important;
132
+ color: #e0e0e0 !important;
133
  }
134
+
135
+ /* Form and input styles */
136
+ .gr-form, .gr-box, .gr-panel {
137
+ background-color: #2a2a2a !important;
138
+ border-color: #444444 !important;
139
  }
140
+
141
+ /* Button styles */
142
  .gr-button-primary {
143
+ background-color: #ff4500 !important;
144
+ border-color: #ff4500 !important;
145
+ color: white !important;
146
  }
147
+
148
  .gr-button-primary:hover {
149
+ background-color: #ff6347 !important;
150
+ border-color: #ff6347 !important;
151
  }
152
+
153
+ /* Input and select styles */
154
+ .gr-input, .gr-select, .gr-textarea {
155
+ background-color: #333333 !important;
156
+ border-color: #555555 !important;
157
+ color: #ffffff !important;
 
 
 
 
158
  }
159
+
160
+ /* Label styles */
161
+ .gr-form-label, .gr-label {
162
+ color: #ff4500 !important;
163
  }
164
+
165
+ /* Slider styles */
166
+ .gr-slider {
167
+ background-color: #444444 !important;
168
  }
169
+
170
+ .gr-slider-handle {
171
+ background-color: #ff4500 !important;
172
  }
173
+
174
+ /* Ensure text is visible */
175
+ p, h1, h2, h3, span {
176
+ color: #e0e0e0 !important;
177
  }
178
  """) as blocks:
179
  gr.Markdown(