Commit 9629835aa90509a2bd77af33f496473131564811 | sitegen

author	clover caruso <git@paperclover.net> 2026-05-08 20:48:00-07:00
committer	clover caruso <git@paperclover.net> 2026-05-08 20:59:45-07:00
log	9629835aa90509a2bd77af33f496473131564811
tree	f707982409a424e577591f680f2126bf645c6ed5
parent	293a275d43678f24eb300dfd8e5c12fa88f67fcb
signature	Signed by SSH key SHA256:xbd+BjjhyBfwk7GVoURf9Yx0gzDerHbvYv7SddNWmAs

fix: tweak blog color themes a bit

closes #53 -- i do not care to make the theme too constrasting.

1 files changed, 35 insertions(+), 15 deletions(-)

src
- blog
  - blog.css

src/blog/blog.css+35-15

 @@ -136,16 +136,37 @@ figure.code {
   &.server {
     --secondary: #ff7770;
-    .variable {
-      color: lch(from var(--secondary) 70 c calc(h + 50));
-    }
   }
   &.client {
     --secondary: #ffcd70;
-    .variable {
+    pre > code {
-      color: lch(from var(--secondary) 70 c calc(h + 50));
+      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) 72 c h);
-      color: lch(from var(--secondary) l c h / 90%);
       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);
     }
   }
 }