ZhouChuYue
commited on
Commit
·
91ada30
1
Parent(s):
8795fbb
fix: use standard high-contrast colors (white labels, slate inputs)
Browse files
app.py
CHANGED
|
@@ -229,19 +229,28 @@ body {
|
|
| 229 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
|
| 230 |
}
|
| 231 |
|
| 232 |
-
/*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 233 |
.gr-input, textarea, input, .gr-box, .gr-check-radio, .gr-dropdown {
|
| 234 |
font-family: 'JetBrains Mono', monospace !important;
|
| 235 |
-
background-color: #
|
| 236 |
-
border: 1px solid #
|
| 237 |
-
color: #
|
| 238 |
-
box-shadow:
|
| 239 |
}
|
| 240 |
|
| 241 |
/* Focus state */
|
| 242 |
.gr-input:focus, textarea:focus, input:focus {
|
| 243 |
-
border-color: #
|
| 244 |
-
background-color: #
|
| 245 |
}
|
| 246 |
|
| 247 |
/* Override default block backgrounds */
|
|
@@ -254,7 +263,7 @@ body {
|
|
| 254 |
ul.options, .gr-dropdown-options {
|
| 255 |
background-color: #1e293b !important;
|
| 256 |
color: #ffffff !important;
|
| 257 |
-
border: 1px solid #
|
| 258 |
}
|
| 259 |
|
| 260 |
/* Markdown prose */
|
|
@@ -262,16 +271,6 @@ ul.options, .gr-dropdown-options {
|
|
| 262 |
color: var(--text-light) !important;
|
| 263 |
}
|
| 264 |
|
| 265 |
-
/* Labels - High Contrast */
|
| 266 |
-
label span, .gr-form label span {
|
| 267 |
-
color: #38bdf8 !important; /* Bright Cyan */
|
| 268 |
-
font-weight: 700 !important;
|
| 269 |
-
font-size: 1rem !important;
|
| 270 |
-
letter-spacing: 0.02em !important;
|
| 271 |
-
margin-bottom: 0.5rem !important;
|
| 272 |
-
text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
|
| 273 |
-
}
|
| 274 |
-
|
| 275 |
/* Buttons */
|
| 276 |
.gr-button-primary {
|
| 277 |
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
|
|
|
|
| 229 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
|
| 230 |
}
|
| 231 |
|
| 232 |
+
/* Labels - High Contrast, Clean White */
|
| 233 |
+
label span, .gr-form label span {
|
| 234 |
+
color: #f8fafc !important; /* Almost White */
|
| 235 |
+
font-weight: 600 !important;
|
| 236 |
+
font-size: 1rem !important;
|
| 237 |
+
margin-bottom: 0.5rem !important;
|
| 238 |
+
text-shadow: none !important;
|
| 239 |
+
}
|
| 240 |
+
|
| 241 |
+
/* Inputs & Textareas - Dark Grey Background for Contrast */
|
| 242 |
.gr-input, textarea, input, .gr-box, .gr-check-radio, .gr-dropdown {
|
| 243 |
font-family: 'JetBrains Mono', monospace !important;
|
| 244 |
+
background-color: #1e293b !important; /* Slate 800 - Lighter than bg, darker than text */
|
| 245 |
+
border: 1px solid #64748b !important; /* Visible Slate Border */
|
| 246 |
+
color: #ffffff !important;
|
| 247 |
+
box-shadow: none !important;
|
| 248 |
}
|
| 249 |
|
| 250 |
/* Focus state */
|
| 251 |
.gr-input:focus, textarea:focus, input:focus {
|
| 252 |
+
border-color: #ffffff !important; /* White border on focus */
|
| 253 |
+
background-color: #334155 !important; /* Slightly lighter on focus */
|
| 254 |
}
|
| 255 |
|
| 256 |
/* Override default block backgrounds */
|
|
|
|
| 263 |
ul.options, .gr-dropdown-options {
|
| 264 |
background-color: #1e293b !important;
|
| 265 |
color: #ffffff !important;
|
| 266 |
+
border: 1px solid #64748b !important;
|
| 267 |
}
|
| 268 |
|
| 269 |
/* Markdown prose */
|
|
|
|
| 271 |
color: var(--text-light) !important;
|
| 272 |
}
|
| 273 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 274 |
/* Buttons */
|
| 275 |
.gr-button-primary {
|
| 276 |
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
|