From 5dd33c6ff8803edbfae4e3dd34ae068836f67aa6 Mon Sep 17 00:00:00 2001
From: dfuhrmann3 <dfuhrmann3@wbsedu.de>
Date: Mon, 13 Jul 2026 16:04:06 +0200
Subject: [PATCH] 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>
---
 main.py | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/main.py b/main.py
index 22032ea..fd4522a 100644
--- a/main.py
+++ b/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,