Dmitry Beresnev commited on
Commit
4a3e002
·
1 Parent(s): f4f4e51
Files changed (1) hide show
  1. 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