diff --git a/package.json b/package.json
index 0ce6383a..196c1bef 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "13.0.0",
+  "version": "13.0.1",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/img/avatar.png b/src/assets/img/avatar.png
index 36b9dbcb..61e29996 100644
Binary files a/src/assets/img/avatar.png and b/src/assets/img/avatar.png differ
diff --git a/src/assets/img/avatar.webp b/src/assets/img/avatar.webp
index 97f25ff8..6f5922cf 100644
Binary files a/src/assets/img/avatar.webp and b/src/assets/img/avatar.webp differ
diff --git a/src/assets/styles/defaults/vars.css b/src/assets/styles/defaults/vars.css
index 4e698d5a..7c0891e8 100644
--- a/src/assets/styles/defaults/vars.css
+++ b/src/assets/styles/defaults/vars.css
@@ -12,7 +12,6 @@
   --blue-900: #1e478a;
   --blue-950: #172e54;
 
-  --gray-lightest: #fafafa;
   --gray-50: #f6f7f8;
   --gray-100: #eaecef;
   --gray-200: #d9dee4;
@@ -24,7 +23,6 @@
   --gray-800: #5a6173;
   --gray-900: #4b515d;
   --gray-950: #30333b;
-  --gray-darkest: #191919;
 
   --white: #fff;
   --black: #000;
@@ -34,8 +32,8 @@
   --gray-dark: var(--gray-700);
 
   /* base theme */
-  --color-lightest: var(--gray-lightest);
-  --color-darkest: var(--gray-darkest);
+  --color-lightest: var(--white);
+  --color-darkest: var(--black);
   --text-color: var(--color-darkest);
   --background-color: var(--color-lightest);
   --text-color-inverted: var(--color-lightest);
diff --git a/src/social-preview.liquid b/src/social-preview.liquid
index 7e9a88f3..50916733 100644
--- a/src/social-preview.liquid
+++ b/src/social-preview.liquid
@@ -22,14 +22,14 @@ eleventyExcludeFromCollections: true
     {% assign verticalStartingPoint = 170 %}
   {% endif %}
 
-  <svg id="visual" viewBox="0 0 1200 630" width="1200" height="630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="1200" height="630" fill="#191919"></rect></svg>
+  <svg id="visual" viewBox="0 0 1200 630" width="1200" height="630" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="1200" height="630" fill="#000"></rect></svg>
 
   <!-- date -->
   <text
     font-family="MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace"
     font-size="24"
     font-weight="800"
-    fill="#fafafa"
+    fill="#fff"
   >
     <tspan x="80" y="{{ verticalStartingPoint | minus: 120 }}">
       {{ preview.date | date: "%B %e, %Y" }}
@@ -42,7 +42,7 @@ eleventyExcludeFromCollections: true
     font-family="MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace"
     font-size="40"
     font-weight="800"
-    fill="#fafafa"
+    fill="#fff"
   >
     {% for line in titleInLines %}
     {% capture spacing %}{{ forloop.index0 | times: 50 }}{% endcapture %}