polish: Sepia + Hackerman redesigned, new Reader theme

- Sepia: refined warm-dark elevation ladder (was muddy), proper text
  hierarchy (text-muted/text-dim were near-identical), considered amber
  accent. The reading-by-candlelight feel kept and sharpened.
- Hackerman: deeper phosphor base. Fixed a real bug — accent was the
  same hex as primary text (#00ff41), so the accent disappeared into
  the text. Accent is now a lighter phosphor green, distinguishable.
  Acid #ffff00 zap softened to a less-painful warm yellow.
- Reader (new, 8th theme): cream + dark-warm-grey + saddle-brown accent.
  Bookish, low-glare, moderate contrast. Helps dyslexic readers (per
  evidence-based guidance: off-white base, no pure-black text, calmer
  contrast) and anyone reading long-form articles. Borrows from print
  book design rather than screen design. A dyslexia-friendly font is
  a worthwhile follow-up but lives outside the colour-only theme system.
This commit is contained in:
Jure
2026-05-20 22:53:48 +02:00
parent 87c9a49e6c
commit 5cd11667ae
+54 -32
View File
@@ -94,22 +94,22 @@ export const themes: Theme[] = [
id: "sepia",
name: "Sepia",
colors: {
bg: "#2b2018",
"bg-raised": "#382a1f",
"bg-hover": "#453527",
border: "#5a4636",
"border-subtle": "#382a1f",
text: "#e8d5c4",
"text-muted": "#b89c84",
"text-dim": "#a1846c",
accent: "#e09850",
"accent-hover": "#c47f3a",
"accent-text": "#2b2018",
zap: "#f0c040",
"zap-text": "#2b2018",
danger: "#d45040",
warning: "#e0a040",
success: "#7ab860",
bg: "#2a1e15",
"bg-raised": "#362718",
"bg-hover": "#45301f",
border: "#564030",
"border-subtle": "#34251a",
text: "#ece1cf",
"text-muted": "#b29a82",
"text-dim": "#8a7560",
accent: "#e89e58",
"accent-hover": "#d18545",
"accent-text": "#2a1e15",
zap: "#f5c668",
"zap-text": "#2a1e15",
danger: "#db5d52",
warning: "#e89e58",
success: "#88c177",
},
},
{
@@ -160,22 +160,44 @@ export const themes: Theme[] = [
id: "hackerman",
name: "Hackerman",
colors: {
bg: "#0a0a0a",
"bg-raised": "#0d1117",
"bg-hover": "#161b22",
border: "#1a2332",
"border-subtle": "#131a24",
text: "#00ff41",
"text-muted": "#00bb2d",
"text-dim": "#008d22",
accent: "#00ff41",
"accent-hover": "#33ff66",
"accent-text": "#0a0a0a",
zap: "#ffff00",
"zap-text": "#0a0a0a",
danger: "#ff0000",
warning: "#ffff00",
success: "#00ff41",
bg: "#050708",
"bg-raised": "#0c1218",
"bg-hover": "#161e26",
border: "#1a2632",
"border-subtle": "#101820",
text: "#18ff62",
"text-muted": "#0eb840",
"text-dim": "#0a7e2a",
accent: "#7dffa6",
"accent-hover": "#4cf57a",
"accent-text": "#050708",
zap: "#f5e042",
"zap-text": "#050708",
danger: "#ff5050",
warning: "#f5e042",
success: "#18ff62",
},
},
{
id: "reader",
name: "Reader",
colors: {
bg: "#faf3e5",
"bg-raised": "#fdf7eb",
"bg-hover": "#f1e8d4",
border: "#d9cdb3",
"border-subtle": "#ebe2cc",
text: "#2d2922",
"text-muted": "#6a6253",
"text-dim": "#948b78",
accent: "#8b4513",
"accent-hover": "#6d3711",
"accent-text": "#faf3e5",
zap: "#b7791f",
"zap-text": "#faf3e5",
danger: "#b91c1c",
warning: "#b7791f",
success: "#4d7c0f",
},
},
];