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

Switch palette to graphite & orange
All checks were successful
Deploy / deploy (push) Successful in 27s
Details

Browse source 
Replaces the slate/indigo palette with a warmer graphite base and an
orange accent (#e07a35), per user's pick from a side-by-side comparison
of five directions. Same token structure, same contrast bar (all pairs
still >= 4.5:1) — only the hex values changed, across dashboard, login
and settings plus the three embedded favicons.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Barely Removable 2026-08-26 08:20:40 -07:00
parent 339b9f3310
commit 018bc58bbf
3 changed files with 45 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

24
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='%237aa2f7'/><path d='M40 32 L72 50 L40 68 Z' fill='%230f1319'/></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='%23e07a35'/><path d='M40 32 L72 50 L40 68 Z' fill='%23121110'/></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: #0f1319;
--surface: #161b23;
--surface-2: #1c222c;
--border: #262e3a;
--text: #e6ebf2;
--text-2: #a8b3c4;
--text-3: #8592a6;
--accent: #7aa2f7;
--danger: #f87171;
--danger-dim: rgba(248,113,113,0.1);
--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);
--fs-xs: 0.75rem;
--fs-sm: 0.8125rem;
--fs-base: 0.9375rem;
@ -95,7 +95,7 @@
.error-msg {
background: var(--danger-dim);
border: 1px solid rgba(248,113,113,0.35);
border: 1px solid rgba(224,138,110,0.35);
border-radius: var(--radius-sm);
padding: 0.7rem 0.85rem;
color: var(--danger);