From 5cd11667ae9086d668f066db7bd6094641200e4f Mon Sep 17 00:00:00 2001
From: Jure <44338+hoornet@users.noreply.github.com>
Date: Wed, 20 May 2026 22:53:48 +0200
Subject: [PATCH] polish: Sepia + Hackerman redesigned, new Reader theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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.
---
 src/lib/themes.ts | 86 +++++++++++++++++++++++++++++------------------
 1 file changed, 54 insertions(+), 32 deletions(-)

diff --git a/src/lib/themes.ts b/src/lib/themes.ts
index e71e43e..dc58eab 100644
--- a/src/lib/themes.ts
+++ b/src/lib/themes.ts
@@ -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",
     },
   },
 ];