chore: make colors less abrupt

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": {

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,

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