From c9cfd7588e1393ce2b9bbab1e7d9a7e1075147e5 Mon Sep 17 00:00:00 2001
From: Lee Cattarin <lee.cattarin@gmail.com>
Date: Thu, 10 Sep 2026 11:46:24 -0700
Subject: [PATCH] change color scheme

---
 css/listings.css |  6 +++---
 css/main.css     | 32 ++++++++++++++++----------------
 css/nav.css      |  6 +++---
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/css/listings.css b/css/listings.css
index 29c66dd..fc781fd 100644
--- a/css/listings.css
+++ b/css/listings.css
@@ -18,7 +18,7 @@
 #jump-links {
 	padding-bottom: 1rem;
 	margin-bottom: 1rem;
-	border-bottom: solid var(--color-pink);
+	border-bottom: solid var(--color-green);
 }
 
 #jump-links h2,
@@ -65,7 +65,7 @@
 
 @keyframes hilite {
 	0% {background-color: var(--color-gray);}
-	10% {background-color: var(--color-cyan-flipped);}
+	10% {background-color: var(--color-blurple-flipped);}
 	100% {background-color: var(--color-gray);}
 }
 
@@ -73,7 +73,7 @@
 @media (prefers-reduced-motion: reduce) {
 	.category-title:has(h2:target) {
 		animation: none;
-		color: var(--color-cyan);
+		color: var(--color-blurple);
 	}
 }
 
diff --git a/css/main.css b/css/main.css
index 395b512..d96ca3a 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,21 +1,21 @@
 :root {
 	color-scheme: light dark;
 
-	--color-dark: #2e303e;
-	--color-dark-alt: #3c3f52;
-	--color-light: #ebeeef;
-	--color-light-alt: #dbe1e3;
-	--color-cyan-dark: #18737b;
-	--color-cyan-light: #25b0bc;
-	--color-pink-dark: #94195d;
-	--color-pink-light: #ee9fcb;
+	--color-dark: #1c1b19;
+	--color-dark-alt: #2e2c28;
+	--color-light: #eae0d1;
+	--color-light-alt: #cec4b5;
+	--color-blurple-dark: #352188;
+	--color-blurple-light: #9a91be;
+	--color-green-dark: #165742;
+	--color-green-light: #8db8ab;
 
 	--color-text: light-dark(var(--color-dark), var(--color-light));
 	--color-bg: light-dark(var(--color-light), var(--color-dark));
 	--color-gray: light-dark(var(--color-light-alt), var(--color-dark-alt));
-	--color-cyan: light-dark(var(--color-cyan-dark), var(--color-cyan-light));
-	--color-cyan-flipped: light-dark(var(--color-cyan-light), var(--color-cyan-dark));
-	--color-pink: light-dark(var(--color-pink-dark), var(--color-pink-light));
+	--color-blurple: light-dark(var(--color-blurple-dark), var(--color-blurple-light));
+	--color-blurple-flipped: light-dark(var(--color-blurple-light), var(--color-blurple-dark));
+	--color-green: light-dark(var(--color-green-dark), var(--color-green-light));
 }
 
 * {
@@ -85,14 +85,14 @@ p {
 }
 
 a {
-	color: var(--color-cyan);
+	color: var(--color-blurple);
 	text-decoration-thickness: .1rem;
 	transition: text-decoration-thickness .5s;
 	border-radius: .05rem;
 }
 
 a:visited {
-	color: var(--color-pink);
+	color: var(--color-green);
 }
 
 @media (any-hover: hover) {
@@ -102,11 +102,11 @@ a:visited {
 }
 
 a:focus-visible {
-	outline: solid var(--color-pink);
+	outline: solid var(--color-green);
 }
 
 a:visited:focus-visible {
-	outline-color: var(--color-cyan);
+	outline-color: var(--color-blurple);
 }
 
 main ul {
@@ -124,5 +124,5 @@ iframe {
 }
 
 .teal {
-	color: var(--color-cyan);
+	color: var(--color-blurple);
 }
diff --git a/css/nav.css b/css/nav.css
index de38abf..44e46fd 100644
--- a/css/nav.css
+++ b/css/nav.css
@@ -23,16 +23,16 @@ footer li {
 }
 
 header {
-  border-bottom: solid var(--color-pink);
+  border-bottom: solid var(--color-green);
 }
 
 footer {
-  border-top: solid var(--color-pink);
+  border-top: solid var(--color-green);
 }
 
 a[aria-current="page"] {
   text-decoration: line-through;
-  color: rgb(from var(--color-pink) r g b / 65%);
+  color: rgb(from var(--color-green) r g b / 65%);
 }
 
 /* Skip link */