Hugging Face's logo

Spaces:
DazDin
/
Diff2
Running

App Files Community
DazDin commited on
Commit
627465a
·
verified ·
1 Parent(s): ff2a33b

app.py

Browse files
Files changed (1) hide show
  1. app.py +10 -10
app.py CHANGED
@@ -89,7 +89,7 @@ body {
89
  min-height: 100vh;
90
  }
91
  .app_title {
92
- background-color: #2d3d4f;
93
  color: #c5c6c7;
94
  padding: 10px 20px;
95
  border-bottom: 1px solid #3b4252;
@@ -101,7 +101,7 @@ body {
101
  margin-bottom: 20px;
102
  }
103
  .custom_textbox {
104
- background-color: #2d343f;
105
  border: 1px solid #3b4252;
106
  color: #7f8184;
107
  padding: 10px;
@@ -150,14 +150,14 @@ body {
150
  }
151
  .custom_image {
152
  border: 1px solid #3b4252;
153
- background-color: #2d343f;
154
  border-radius: 4px;
155
  margin: 10px;
156
  max-width: 100%;
157
  box-sizing: border-box;
158
  }
159
  .custom_accordion {
160
- background-color: #2d3d4f;
161
  color: #7f8184;
162
  border: 1px solid #3b4252;
163
  border-radius: 4px;
@@ -167,7 +167,7 @@ body {
167
  transition: margin 0.2s ease;
168
  }
169
  .custom_accordion .gr-accordion-header {
170
- background-color: #2d3d4f;
171
  color: #7f8184;
172
  padding: 10px 20px;
173
  border-bottom: 1px solid #5b6270;
@@ -179,11 +179,11 @@ body {
179
  align-items: center;
180
  }
181
  .custom_accordion .gr-accordion-header:hover {
182
- background-color: #2d3d4f;
183
  }
184
  .custom_accordion .gr-accordion-content {
185
  padding: 10px 20px;
186
- background-color: #2d3d4f;
187
  border-top: 1px solid #5b6270;
188
  max-height: 0;
189
  overflow: hidden;
@@ -193,7 +193,7 @@ body {
193
  max-height: 500px;
194
  }
195
  .custom_checkbox_group {
196
- background-color: #2d343f;
197
  border: 1px solid #3b4252;
198
  color: #7f8184;
199
  border-radius: 4px;
@@ -202,12 +202,12 @@ body {
202
  box-sizing: border-box;
203
  }
204
  @media (max-width: 768px) {
205
- .gradio-container {
206
  width: 100%;
207
  margin: 0;
208
  padding: 10px;
209
  }
210
- .custom_textbox,.custom_image,.custom_checkbox_group {
211
  width: 100%;
212
  box-sizing: border-box;
213
  }
 
89
  min-height: 100vh;
90
  }
91
  .app_title {
92
+ background-color: var(--body-background-fill) !important;
93
  color: #c5c6c7;
94
  padding: 10px 20px;
95
  border-bottom: 1px solid #3b4252;
 
101
  margin-bottom: 20px;
102
  }
103
  .custom_textbox {
104
+ background-color: var(--body-background-fill) !important;
105
  border: 1px solid #3b4252;
106
  color: #7f8184;
107
  padding: 10px;
 
150
  }
151
  .custom_image {
152
  border: 1px solid #3b4252;
153
+ background-color: var(--body-background-fill) !important;
154
  border-radius: 4px;
155
  margin: 10px;
156
  max-width: 100%;
157
  box-sizing: border-box;
158
  }
159
  .custom_accordion {
160
+ background-color: var(--body-background-fill) !important;
161
  color: #7f8184;
162
  border: 1px solid #3b4252;
163
  border-radius: 4px;
 
167
  transition: margin 0.2s ease;
168
  }
169
  .custom_accordion .gr-accordion-header {
170
+ background-color: var(--body-background-fill) !important;
171
  color: #7f8184;
172
  padding: 10px 20px;
173
  border-bottom: 1px solid #5b6270;
 
179
  align-items: center;
180
  }
181
  .custom_accordion .gr-accordion-header:hover {
182
+ background-color: var(--body-background-fill) !important;
183
  }
184
  .custom_accordion .gr-accordion-content {
185
  padding: 10px 20px;
186
+ background-color: var(--body-background-fill) !important;
187
  border-top: 1px solid #5b6270;
188
  max-height: 0;
189
  overflow: hidden;
 
193
  max-height: 500px;
194
  }
195
  .custom_checkbox_group {
196
+ background-color: var(--body-background-fill) !important;
197
  border: 1px solid #3b4252;
198
  color: #7f8184;
199
  border-radius: 4px;
 
202
  box-sizing: border-box;
203
  }
204
  @media (max-width: 768px) {
205
+ .gradio-container {
206
  width: 100%;
207
  margin: 0;
208
  padding: 10px;
209
  }
210
+ .custom_textbox, .custom_image, .custom_checkbox_group {
211
  width: 100%;
212
  box-sizing: border-box;
213
  }