Spaces:
Running
Running
Commit
·
addd5d9
1
Parent(s):
f2e9604
Fix dark mode text visibility with better contrast and styling
Browse files
app.py
CHANGED
|
@@ -127,18 +127,28 @@ with gr.Blocks(
|
|
| 127 |
}
|
| 128 |
/* Light mode styling */
|
| 129 |
.explanation-box {
|
| 130 |
-
background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);
|
| 131 |
-
color: #
|
| 132 |
padding: 20px;
|
| 133 |
border-radius: 10px;
|
| 134 |
margin: 10px 0;
|
| 135 |
border: 1px solid #d0d7f7;
|
| 136 |
}
|
|
|
|
|
|
|
|
|
|
| 137 |
/* Dark mode styling */
|
| 138 |
.dark .explanation-box {
|
| 139 |
-
background: linear-gradient(135deg, #
|
| 140 |
-
|
| 141 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 142 |
}
|
| 143 |
"""
|
| 144 |
) as app:
|
|
|
|
| 127 |
}
|
| 128 |
/* Light mode styling */
|
| 129 |
.explanation-box {
|
| 130 |
+
background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%) !important;
|
| 131 |
+
color: #1a1a1a !important;
|
| 132 |
padding: 20px;
|
| 133 |
border-radius: 10px;
|
| 134 |
margin: 10px 0;
|
| 135 |
border: 1px solid #d0d7f7;
|
| 136 |
}
|
| 137 |
+
.explanation-box * {
|
| 138 |
+
color: #1a1a1a !important;
|
| 139 |
+
}
|
| 140 |
/* Dark mode styling */
|
| 141 |
.dark .explanation-box {
|
| 142 |
+
background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%) !important;
|
| 143 |
+
border: 1px solid #334155;
|
| 144 |
+
}
|
| 145 |
+
.dark .explanation-box,
|
| 146 |
+
.dark .explanation-box * {
|
| 147 |
+
color: #f1f5f9 !important;
|
| 148 |
+
}
|
| 149 |
+
.dark .explanation-box strong,
|
| 150 |
+
.dark .explanation-box b {
|
| 151 |
+
color: #fbbf24 !important;
|
| 152 |
}
|
| 153 |
"""
|
| 154 |
) as app:
|