From aa0ad8305bfd9995f313671a01dc11f5186951dd Mon Sep 17 00:00:00 2001
From: Alex Kovac <5686693+kovaca@users.noreply.github.com>
Date: Wed, 25 Dec 2024 23:28:35 -0700
Subject: [PATCH] small tweaks to color and swatch size

---
 src/custom-style.css | 4 ++--
 src/histojam.md      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/custom-style.css b/src/custom-style.css
index 20f914b..8b109b7 100644
--- a/src/custom-style.css
+++ b/src/custom-style.css
@@ -45,7 +45,7 @@
   :root {
   --theme-foreground: #2E3440;
   --theme-foreground-focus: oklch(68.69% 0.1565 204.57);
-  --theme-background-a: oklch(95.2% 0.016 94.2); 
+  --theme-background-a: oklch(97.96% 0.0057 84.57); 
 
   --theme-blue: #0091D5;
   --theme-green: #6BB187;
@@ -57,7 +57,7 @@
   
   @media (prefers-color-scheme: dark){
   :root {
-    --theme-foreground: oklch(95.2% 0.016 94.2);
+    --theme-foreground: oklch(97.96% 0.0057 84.57);
     --theme-foreground-focus: oklch(72.5% 0.1644 201.18); 
     --theme-background-b: #171614;
 
diff --git a/src/histojam.md b/src/histojam.md
index a68b4e1..42fa099 100644
--- a/src/histojam.md
+++ b/src/histojam.md
@@ -74,8 +74,8 @@ function ramp(palette, n = 128) {
   d3.select(canvas).attr("width", n).attr("height", 1);
   const context = canvas.getContext("2d");
   canvas.style.margin = "2px";
-  canvas.style.width = "30px";
-  canvas.style.height = "30px";
+  canvas.style.width = "20px";
+  canvas.style.height = "20px";
   canvas.style.imageRendering = "-moz-crisp-edges";
   canvas.style.imageRendering = "pixelated";
   canvas.style.cursor = "pointer";