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:
dfuhrmann3 2026-07-13 16:04:06 +02:00
parent b52d2a3714
commit 5dd33c6ff8
1 changed files with 8 additions and 10 deletions

18
main.py
View File

@ -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,