Dmitry Beresnev
commited on
Commit
·
4a3e002
1
Parent(s):
f4f4e51
fix UI
Browse files- app/main.py +65 -0
app/main.py
CHANGED
|
@@ -40,6 +40,8 @@ st.markdown("""
|
|
| 40 |
html, body {
|
| 41 |
background-color: var(--bg-darker) !important;
|
| 42 |
color: var(--text-primary) !important;
|
|
|
|
|
|
|
| 43 |
}
|
| 44 |
|
| 45 |
/* Streamlit containers */
|
|
@@ -47,6 +49,23 @@ st.markdown("""
|
|
| 47 |
background-color: var(--bg-dark) !important;
|
| 48 |
}
|
| 49 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 50 |
[data-testid="stSidebar"] {
|
| 51 |
background-color: #0d1117 !important;
|
| 52 |
border-right: 1px solid var(--border-color);
|
|
@@ -283,6 +302,52 @@ st.markdown("""
|
|
| 283 |
background-color: var(--primary-color);
|
| 284 |
color: #fff;
|
| 285 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 286 |
</style>
|
| 287 |
""", unsafe_allow_html=True)
|
| 288 |
|
|
|
|
| 40 |
html, body {
|
| 41 |
background-color: var(--bg-darker) !important;
|
| 42 |
color: var(--text-primary) !important;
|
| 43 |
+
margin: 0 !important;
|
| 44 |
+
padding: 0 !important;
|
| 45 |
}
|
| 46 |
|
| 47 |
/* Streamlit containers */
|
|
|
|
| 49 |
background-color: var(--bg-dark) !important;
|
| 50 |
}
|
| 51 |
|
| 52 |
+
/* Hide header and footer */
|
| 53 |
+
[data-testid="stHeader"] {
|
| 54 |
+
background-color: var(--bg-dark) !important;
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
+
[data-testid="stToolbar"] {
|
| 58 |
+
background-color: var(--bg-dark) !important;
|
| 59 |
+
}
|
| 60 |
+
|
| 61 |
+
.stApp {
|
| 62 |
+
background-color: var(--bg-dark) !important;
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
[data-testid="stDecoration"] {
|
| 66 |
+
background-color: var(--bg-dark) !important;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
[data-testid="stSidebar"] {
|
| 70 |
background-color: #0d1117 !important;
|
| 71 |
border-right: 1px solid var(--border-color);
|
|
|
|
| 302 |
background-color: var(--primary-color);
|
| 303 |
color: #fff;
|
| 304 |
}
|
| 305 |
+
|
| 306 |
+
/* Fix all white backgrounds */
|
| 307 |
+
.stApp > header {
|
| 308 |
+
background-color: var(--bg-dark) !important;
|
| 309 |
+
}
|
| 310 |
+
|
| 311 |
+
.stApp > header::before {
|
| 312 |
+
background: none !important;
|
| 313 |
+
}
|
| 314 |
+
|
| 315 |
+
.stApp > header::after {
|
| 316 |
+
background: none !important;
|
| 317 |
+
}
|
| 318 |
+
|
| 319 |
+
/* Streamlit elements background */
|
| 320 |
+
[data-testid="stVerticalBlock"] {
|
| 321 |
+
background-color: transparent !important;
|
| 322 |
+
}
|
| 323 |
+
|
| 324 |
+
[data-testid="stVerticalBlockBorderWrapper"] {
|
| 325 |
+
background-color: transparent !important;
|
| 326 |
+
}
|
| 327 |
+
|
| 328 |
+
/* Remove white decorative elements */
|
| 329 |
+
.st-emotion-cache-1gvbgyg {
|
| 330 |
+
background-color: var(--bg-dark) !important;
|
| 331 |
+
}
|
| 332 |
+
|
| 333 |
+
.st-emotion-cache-1jicfl2 {
|
| 334 |
+
background-color: var(--bg-dark) !important;
|
| 335 |
+
}
|
| 336 |
+
|
| 337 |
+
/* Ensure all root divs are dark */
|
| 338 |
+
div[class*="st-"] {
|
| 339 |
+
background-color: transparent !important;
|
| 340 |
+
}
|
| 341 |
+
|
| 342 |
+
/* Modal and overlay backgrounds */
|
| 343 |
+
.stModal {
|
| 344 |
+
background-color: var(--bg-dark) !important;
|
| 345 |
+
}
|
| 346 |
+
|
| 347 |
+
/* Alert boxes background */
|
| 348 |
+
.stAlert {
|
| 349 |
+
background-color: rgba(0, 102, 255, 0.1) !important;
|
| 350 |
+
}
|
| 351 |
</style>
|
| 352 |
""", unsafe_allow_html=True)
|
| 353 |
|