Adjust colors

basham · Oct 25, 2023 · 298d06f · 298d06f
1 parent c24e53c
commit 298d06f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/components/ImpactMapFigure.astro b/src/components/ImpactMapFigure.astro
@@ -22,22 +22,22 @@
 	}
 
 	.im li strong:first-child {
-		color: oklch(90% 0.25 100);
+		color: var(--color-255-75);
 	}
 
 	.im li li strong:first-child {
-		color: oklch(90% 0.25 150);
+		color: var(--color-150-75);
 	}
 
 	.im li li li strong:first-child {
-		color: oklch(90% 0.25 200);
+		color: var(--color-80-75);
 	}
 
 	.im li li li li strong:first-child {
-		color: oklch(90% 0.25 300);
+		color: var(--color-20-75);
 	}
 
 	.im li li li li li strong:first-child {
-		color: oklch(90% 0.25 30);
+		color: var(--color-285-75);
 	}
 </style>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,4 +1,10 @@
 :root {
+	/* https://oklch.com/#75,0.1,20,100 */
+	--color-20-75: #e69494;
+	/* https://oklch.com/#75,0.1,80,100 */
+	--color-80-75: #cfa761;
+	/* https://oklch.com/#75,0.1,150,100 */
+	--color-150-75: #7fc08c;
 	/* https://oklch.com/#15,0.2,255,100 */
 	--color-255-15: #000b1f;
 	/* https://oklch.com/#75,0.2,255,100 */
@@ -9,8 +15,6 @@
 	--color-255-95: #e4f0ff;
 	/* https://oklch.com/#75,0.2,285,100 */
 	--color-285-75: #a6a1ff;
-	/* https://oklch.com/#75,0.1,150,100 */
-	--color-150-75: #7fc08c;
 
 	--color-base: var(--color-255-15);
 	--color-code: var(--color-150-75);