UI polish: legible accordion, consistent oxblood labels, centered layout
Browse files
app.py
CHANGED
|
@@ -104,6 +104,21 @@ CSS = """
|
|
| 104 |
#wb-evidence textarea {font-family:ui-monospace,Menlo,Consolas,monospace!important;
|
| 105 |
background:var(--wb-walnut)!important; color:#ecdfae!important;
|
| 106 |
border:1px solid var(--wb-brass)!important; border-radius:8px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 107 |
"""
|
| 108 |
|
| 109 |
|
|
|
|
| 104 |
#wb-evidence textarea {font-family:ui-monospace,Menlo,Consolas,monospace!important;
|
| 105 |
background:var(--wb-walnut)!important; color:#ecdfae!important;
|
| 106 |
border:1px solid var(--wb-brass)!important; border-radius:8px;}
|
| 107 |
+
|
| 108 |
+
/* ---- every component label = the same oxblood plate (no stray pink/purple) ---- */
|
| 109 |
+
.gradio-container .block-label, .gradio-container .block-label * {
|
| 110 |
+
background:var(--wb-oxblood)!important; color:#f4e8c9!important; opacity:1!important;
|
| 111 |
+
border-color:var(--wb-border)!important;}
|
| 112 |
+
.gradio-container .block-label svg, .gradio-container .block-label path {fill:#f4e8c9!important;}
|
| 113 |
+
|
| 114 |
+
/* ---- accordion header: dark, legible, small-caps ---- */
|
| 115 |
+
.gradio-container .label-wrap, .gradio-container .label-wrap > span {
|
| 116 |
+
color:var(--wb-ink)!important; font-weight:700; font-variant:small-caps; letter-spacing:.5px;}
|
| 117 |
+
.gradio-container .label-wrap .icon, .gradio-container .label-wrap svg {color:var(--wb-oxblood)!important; opacity:1;}
|
| 118 |
+
|
| 119 |
+
/* ---- keep the whole thing centered + readable on very wide screens ---- */
|
| 120 |
+
.gradio-container {max-width:1320px; margin-left:auto; margin-right:auto;}
|
| 121 |
+
body {background: var(--body-background-fill, #e6d8b8);}
|
| 122 |
"""
|
| 123 |
|
| 124 |
|