ui: dark-mode-safe tabs (no hardcoded bg; inactive tabs weaker red, active strong red)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
parent
b52d2a3714
commit
5dd33c6ff8
18
main.py
18
main.py
|
|
@ -312,17 +312,15 @@ with col2:
|
|||
st.markdown(
|
||||
"""
|
||||
<style>
|
||||
.stTabs [data-baseweb="tab-list"] { gap: 12px; border-bottom: 2px solid #e6e6e6; }
|
||||
.stTabs [data-baseweb="tab"] {
|
||||
padding: 14px 34px;
|
||||
background-color: #eef1f6;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
.stTabs [data-baseweb="tab"] p { font-size: 1.25rem !important; font-weight: 600; }
|
||||
.stTabs [aria-selected="true"] {
|
||||
background-color: #ffffff;
|
||||
box-shadow: inset 0 -4px 0 0 #1d9e75;
|
||||
.stTabs [data-baseweb="tab-list"] { gap: 14px; }
|
||||
.stTabs [data-baseweb="tab"] { padding: 12px 30px; background: transparent; }
|
||||
.stTabs [data-baseweb="tab"] p {
|
||||
font-size: 1.25rem !important;
|
||||
font-weight: 600;
|
||||
color: rgba(255, 75, 75, 0.5);
|
||||
}
|
||||
.stTabs [aria-selected="true"] p { color: #ff4b4b !important; }
|
||||
.stTabs [aria-selected="true"] { box-shadow: inset 0 -4px 0 0 #ff4b4b; }
|
||||
</style>
|
||||
""",
|
||||
unsafe_allow_html=True,
|
||||
|
|
|
|||
Loading…
Reference in New Issue