From 26ae53f8bb10c3789a9baf6627e2fe28a0b2ded7 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Mon, 11 Mar 2024 19:35:14 -0700
Subject: [PATCH] chore: make colors less abrupt

---
 package.json                        | 2 +-
 src/assets/styles/pages/about.css   | 2 +-
 src/assets/styles/partials/vars.css | 6 ++++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index f1890f47..018180ad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "7.8.1",
+  "version": "7.9.1",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/pages/about.css b/src/assets/styles/pages/about.css
index 09776c75..b16a9e45 100644
--- a/src/assets/styles/pages/about.css
+++ b/src/assets/styles/pages/about.css
@@ -14,7 +14,7 @@
   border-radius: var(--rounded-full);
   display: flex;
   padding: var(--sizing-lg);
-  background-color: var(--color-lightest);
+  background-color: var(--white);
 }
 
 .avatar__wrapper,
diff --git a/src/assets/styles/partials/vars.css b/src/assets/styles/partials/vars.css
index 8ffe49a0..b8dbf19d 100644
--- a/src/assets/styles/partials/vars.css
+++ b/src/assets/styles/partials/vars.css
@@ -27,13 +27,15 @@
   --white: #fff;
   --black: #000;
 
+  --grey-lightest: #f4f4f4;
   --gray-light: var(--gray-200);
   --gray-lighter: var(--gray-50);
   --gray-dark: var(--gray-700);
+  --gray-darkest: #1d1a1a;
 
   /* base theme */
-  --color-lightest: var(--white);
-  --color-darkest: var(--black);
+  --color-lightest: var(--grey-lightest);
+  --color-darkest: var(--gray-darkest);
   --text-color: var(--color-darkest);
   --background-color: var(--color-lightest);
   --text-color-inverted: var(--color-lightest);