diff --git a/theme-rapport.css b/theme-rapport.css index 6001c84..7eba26a 100644 --- a/theme-rapport.css +++ b/theme-rapport.css @@ -404,7 +404,7 @@ a.muted:hover { .ui.orange.label, .ui.yellow.label { background: #fff3e8 !important; color: #b07848 !important; border-color: #e8c898 !important; } -/* ─── Tabs ──────────────────────────────────────────────── */ +/* ─── Tabs (tabular) ────────────────────────────────────── */ .ui.tabular.menu { border-bottom: 1px solid var(--rapport-border) !important; } @@ -431,6 +431,43 @@ a.muted:hover { background: var(--rapport-surface2) !important; } +/* ─── Repo-Tabs (Code / Issues / Pulls …) als Pills ──────── */ +.ui.secondary.pointing.menu { + border-bottom: none !important; + gap: 6px !important; + flex-wrap: wrap !important; + padding: 0 0 12px 0 !important; +} + +.ui.secondary.pointing.menu .item { + border: 1.5px solid var(--rapport-border2) !important; + border-radius: 20px !important; + background: var(--rapport-surface) !important; + color: var(--rapport-text3) !important; + font-size: 12px !important; + font-weight: 500 !important; + padding: 5px 14px !important; + margin: 0 !important; + transition: all 0.15s !important; + box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; +} + +.ui.secondary.pointing.menu .item:hover { + border-color: var(--rapport-text2) !important; + color: var(--rapport-text) !important; + background: var(--rapport-surface) !important; + box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; +} + +.ui.secondary.pointing.menu .active.item, +.ui.secondary.pointing.menu .item.active { + border-color: var(--rapport-dark) !important; + background: var(--rapport-dark) !important; + color: #f0ede8 !important; + font-weight: 600 !important; + box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important; +} + /* ─── Meldungen ─────────────────────────────────────────── */ .ui.positive.message, .ui.success.message { background: #e8f5ee !important; border-color: #a8d8b8 !important;