From 9629835aa90509a2bd77af33f496473131564811 Mon Sep 17 00:00:00 2001
From: clover caruso <git@paperclover.net>
Date: Fri, 8 May 2026 20:48:00 -0700
Subject: [PATCH] fix: tweak blog color themes a bit

closes #53 -- i do not care to make the theme too constrasting.
---
 src/blog/blog.css | 50 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 35 insertions(+), 15 deletions(-)

diff --git a/src/blog/blog.css b/src/blog/blog.css
index 1bf6ed2bb89040cfee19558431ef5af23a6f21f5..3b52db8368aeb8b69bd85f912d16530c24aa7cb0 100644
--- a/src/blog/blog.css
+++ b/src/blog/blog.css
@@ -136,16 +136,37 @@ figure.code {
 
   &.server {
     --secondary: #ff7770;
-
-    .variable {
-      color: lch(from var(--secondary) 70 c calc(h + 50));
-    }
   }
   &.client {
     --secondary: #ffcd70;
 
-    .variable {
-      color: lch(from var(--secondary) 70 c calc(h + 50));
+    pre > code {
+      color: #fff2d2;
+
+      .keyword {
+        color: #f4c755;
+      }
+      .string {
+        color: #d6e85e;
+      }
+      .constant {
+        color: #ffd978;
+      }
+      .method {
+        color: #ffab72;
+      }
+      .builtin {
+        color: #f0e46d;
+      }
+      .variable {
+        color: #9fe36f;
+      }
+      .comment {
+        color: #baa98b;
+      }
+      .property, .parameter {
+        color: #ffe5ad;
+      }
     }
   }
   figcaption {
@@ -169,30 +190,29 @@ figure.code {
     color: lch(from var(--secondary) 90 10 h);
 
     .keyword {
-      color: var(--secondary);
-      color: lch(from var(--secondary) l c h / 90%);
+      color: lch(from var(--secondary) 72 c h);
       font-weight: bold;
     }
     .string {
-      color: lch(from var(--secondary) 90 90 calc(h + 20));
+      color: lch(from var(--secondary) 84 calc(c + 18) calc(h + 26));
     }
     .constant {
-      color: lch(from var(--secondary) 90 90 calc(h - 10));
+      color: lch(from var(--secondary) 86 calc(c + 10) calc(h - 18));
     }
     .method {
-      color: lch(from var(--secondary) 70 c calc(h + 20));
+      color: lch(from var(--secondary) 78 calc(c + 8) calc(h + 18));
     }
     .builtin {
-      color: lch(from var(--secondary) 90 90 calc(h - 25));
+      color: lch(from var(--secondary) 82 calc(c + 12) calc(h - 32));
     }
     .variable {
-      color: lch(from var(--secondary) 50 c calc(h + 50));
+      color: lch(from var(--secondary) 78 calc(c + 16) calc(h + 50));
     }
     .comment {
-      color: lch(from var(--secondary) 90 40 h / 50%);
+      color: lch(from var(--secondary) 72 22 h / 85%);
     }
     .property, .parameter {
-      color: lch(from var(--secondary) 90 calc(c - 20) h);
+      color: lch(from var(--secondary) 88 calc(c - 14) h);
     }
   }
 }
-- 
2.54.0