ninja_hippo/arr-summary
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rework dashboard color palette and fix Prowlarr card layout
All checks were successful
Deploy / deploy (push) Successful in 25s
Details

Browse source 
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 <noreply@anthropic.com>
This commit is contained in:
Barely Removable 2026-08-26 13:26:56 -07:00
parent a30cb4a30e
commit bf10f438d2
3 changed files with 60 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

29
templates/login.html
View file

@ -4,22 +4,22 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign in — Media Centre</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='22' fill='%23e07a35'/><path d='M40 32 L72 50 L40 68 Z' fill='%23121110'/></svg>">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='22' fill='%237c86ff'/><path d='M40 32 L72 50 L40 68 Z' fill='%23141416'/></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg: #121110;
--surface: #1a1816;
--surface-2: #211e1b;
--border: #2c2823;
--text: #f0ebe4;
--text-2: #b8ada0;
--text-3: #948879;
--accent: #e07a35;
--danger: #e08a6e;
--danger-dim: rgba(224,138,110,0.1);
--bg: #141416;
--surface: #1a1a1d;
--surface-2: #202024;
--border: #2c2c31;
--text: #edecf1;
--text-2: #a8a7b0;
--text-3: #7c7b84;
--accent: #7c86ff;
--danger: #dc5b52;
--danger-dim: rgba(220,91,82,0.14);
--fs-xs: 0.75rem;
--fs-sm: 0.8125rem;
--fs-base: 0.9375rem;
@ -94,11 +94,12 @@
input::placeholder { color: var(--text-3); }
.error-msg {
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.7rem 0.85rem;
color: var(--danger);
color: var(--text-2);
font-size: var(--fs-sm);
margin-bottom: 1rem;
}