From 877d3df010f180dbf46dc97f8b6936c66864cdb6 Mon Sep 17 00:00:00 2001
From: Sulthan Zaki <sultankiki05@gmail.com>
Date: Mon, 3 Aug 2026 17:55:50 +0700
Subject: [PATCH] feat(web): add comix and kagane site colours

---
 backend/internal/web/static/style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/backend/internal/web/static/style.css b/backend/internal/web/static/style.css
index c1e8ce7..6b6a9fe 100644
--- a/backend/internal/web/static/style.css
+++ b/backend/internal/web/static/style.css
@@ -94,6 +94,8 @@
 
   --asura: #7d93a5;
   --demonic: #a98a78;
+  --comix: #8a9a7d;
+  --kagane: #9a8aa5;
 
   /* Covers are often missing; the hatch keeps the slot honest instead of
      faking artwork. */
@@ -146,6 +148,8 @@
 
     --asura: #4f6b80;
     --demonic: #8a6a55;
+    --comix: #5f7250;
+    --kagane: #6f5f7d;
 
     --hatch: repeating-linear-gradient(135deg, #e6e0d8 0 5px, #efeae3 5px 10px);
     --hatch-dim: repeating-linear-gradient(135deg, #ebe6de 0 5px, #f2eee8 5px 10px);
@@ -479,11 +483,14 @@ button { cursor: pointer; }
 .meta .sep { color: var(--faint); }
 .site-asura { color: var(--asura); }
 .site-demonic { color: var(--demonic); }
+.site-comix { color: var(--comix); }
+.site-kagane { color: var(--kagane); }
 .new-chapter { color: var(--ember); }
 .state { display: flex; align-items: center; gap: 4px; color: var(--mute); }
 .state svg { width: 10px; height: 10px; }
 .is-dim .meta { color: var(--mute-2); }
-.is-dim .site-asura, .is-dim .site-demonic { color: var(--mute); filter: grayscale(.6); }
+.is-dim .site-asura, .is-dim .site-demonic,
+.is-dim .site-comix, .is-dim .site-kagane { color: var(--mute); filter: grayscale(.6); }
 
 /* ---- action strip: full-width on a phone, hairline-divided cells ---- */
 .actions {