From bf10f438d2e56af10118c78926ddb63fadc33420 Mon Sep 17 00:00:00 2001 From: Barely Removable Date: Wed, 26 Aug 2026 13:26:56 -0700 Subject: [PATCH] Rework dashboard color palette and fix Prowlarr card layout Switch from the warm graphite/orange theme to a cooler charcoal/indigo palette with a red (not pink/purple) danger color, and restyle error banners to sit on the normal card surface with an accent stripe instead of washing the whole box in color. Also fix the Requests/Indexers row stretching the Prowlarr card to match Ombi's longer request list, leaving a large blank area under the indexer grid. Co-Authored-By: Claude Sonnet 5 --- templates/dashboard.html | 57 +++++++++++++++++++++++----------------- templates/login.html | 29 ++++++++++---------- templates/settings.html | 24 ++++++++--------- 3 files changed, 60 insertions(+), 50 deletions(-) diff --git a/templates/dashboard.html b/templates/dashboard.html index f355601..7371fd2 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -4,7 +4,7 @@ Media Centre - + @@ -14,26 +14,26 @@ ═══════════════════════════════════════════════════════ */ :root { /* ── Surfaces ── */ - --bg: #121110; - --surface: #1a1816; - --surface-2: #211e1b; - --border: #2c2823; - --border-lt: #3a342c; + --bg: #141416; + --surface: #1a1a1d; + --surface-2: #202024; + --border: #2c2c31; + --border-lt: #38383f; /* ── Text (all ≥ 4.5:1 on every surface above) ── */ - --text: #f0ebe4; - --text-2: #b8ada0; - --text-3: #948879; + --text: #edecf1; + --text-2: #a8a7b0; + --text-3: #7c7b84; /* ── Accent + semantics ── */ - --accent: #e07a35; - --accent-dim: rgba(224,122,53,0.12); - --ok: #8bc48a; - --ok-dim: rgba(139,196,138,0.12); - --warn: #e0c458; - --warn-dim: rgba(224,196,88,0.12); - --danger: #e08a6e; - --danger-dim: rgba(224,138,110,0.1); + --accent: #7c86ff; + --accent-dim: rgba(124,134,255,0.14); + --ok: #68b98a; + --ok-dim: rgba(104,185,138,0.14); + --warn: #d0a75a; + --warn-dim: rgba(208,167,90,0.14); + --danger: #dc5b52; + --danger-dim: rgba(220,91,82,0.14); /* ── Type scale (6 steps, no one-offs) ── */ --fs-xs: 0.75rem; /* 12px — smallest permitted */ @@ -131,7 +131,7 @@ transition: border-color 0.2s, color 0.2s; } .svc-pill:hover { border-color: var(--border-lt); color: var(--text); } - .svc-pill.down { color: var(--danger); border-color: rgba(224,138,110,0.35); } + .svc-pill.down { color: var(--danger); border-color: rgba(220,91,82,0.35); } .svc-name { font-weight: 600; } .svc-stat { color: var(--text-3); } .svc-pill.down .svc-stat { color: var(--danger); } @@ -200,6 +200,7 @@ } .row.cols-3 { grid-template-columns: repeat(3, 1fr); } .row.cols-2 { grid-template-columns: repeat(2, 1fr); } + .row.align-top { align-items: start; } /* ── Card ───────────────────────────────────────────── */ .card { @@ -516,11 +517,18 @@ font-size: var(--fs-xs); min-width: 0; } - .indexer-item.down { border-color: rgba(224,138,110,0.3); } + .indexer-item.down { border-color: rgba(220,91,82,0.3); } .indexer-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); } /* ── Requests (Ombi) ────────────────────────────────── */ - .req-list { display: flex; flex-direction: column; gap: 0.5rem; } + .req-list { + display: flex; + flex-direction: column; + gap: 0.5rem; + max-height: 30rem; + overflow-y: auto; + padding-right: 0.3rem; + } .req-item { display: flex; align-items: center; @@ -588,11 +596,12 @@ /* ── Errors ─────────────────────────────────────────── */ .error { - background: var(--danger-dim); - border: 1px solid rgba(224,138,110,0.35); + background: var(--surface-2); + border: 1px solid var(--border); + border-left: 3px solid var(--danger); border-radius: var(--radius-sm); padding: 0.8rem 0.9rem; - color: var(--danger); + color: var(--text-2); font-size: var(--fs-sm); } .error-detail { margin-top: 0.5rem; } @@ -986,7 +995,7 @@

Requests & indexers

-
+
diff --git a/templates/login.html b/templates/login.html index 08ed664..4064bbd 100644 --- a/templates/login.html +++ b/templates/login.html @@ -4,22 +4,22 @@ Sign in — Media Centre - +