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