change color scheme

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);
 	}
 }
 

css/main.css

@@ -1,21 +1,21 @@
 :root {
 	color-scheme: light dark;
 
-	--color-dark: #2e303e;
+	--color-dark: #1c1b19;
-	--color-dark-alt: #3c3f52;
+	--color-dark-alt: #2e2c28;
-	--color-light: #ebeeef;
+	--color-light: #eae0d1;
-	--color-light-alt: #dbe1e3;
+	--color-light-alt: #cec4b5;
-	--color-cyan-dark: #18737b;
+	--color-blurple-dark: #352188;
-	--color-cyan-light: #25b0bc;
+	--color-blurple-light: #9a91be;
-	--color-pink-dark: #94195d;
+	--color-green-dark: #165742;
-	--color-pink-light: #ee9fcb;
+	--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-blurple: light-dark(var(--color-blurple-dark), var(--color-blurple-light));
-	--color-cyan-flipped: light-dark(var(--color-cyan-light), var(--color-cyan-dark));
+	--color-blurple-flipped: light-dark(var(--color-blurple-light), var(--color-blurple-dark));
-	--color-pink: light-dark(var(--color-pink-dark), var(--color-pink-light));
+	--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);
 }

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 */