diff --git a/package.json b/package.json
index 2fb09c18..ffa4d7ee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_data/json/meta.json b/src/_data/json/meta.json
index db953f21..ff0ed0df 100644
--- a/src/_data/json/meta.json
+++ b/src/_data/json/meta.json
@@ -4,7 +4,8 @@
   "author": "Cory Dransfeldt",
   "email": "coryd@hey.com",
   "url": "https://coryd.dev",
-  "themeColor": "#3b82f6",
+  "themeColorLight": "#2570eb",
+  "themeColorDark": "#609afa",
   "siteType": "Person",
   "locale": "en_US",
   "lang": "en",
diff --git a/src/_includes/base.liquid b/src/_includes/base.liquid
index cde97f29..c42ea3a1 100644
--- a/src/_includes/base.liquid
+++ b/src/_includes/base.liquid
@@ -23,11 +23,10 @@
     <meta property="og:description" content="{% if description %}{{ description }}{% else %}{{ meta.siteDescription }}{% endif %}" />
     <meta property="og:type" content="article" />
     <meta property="og:url" content="{{ fullUrl }}" />
-    <meta
-      property="og:image"
-      content="{%- if schema == 'blog' %}{{ meta.url }}/assets/img/social-preview/{{ title | slugify }}-preview.jpeg{%- else -%}{{ meta.meta_data.opengraph_default }}{% endif -%}"
-    />
-    <meta name="theme-color" content="{{ meta.themeColor }}" />
+    <meta property="og:image" content="{%- if schema == 'blog' %}{{ meta.url }}/assets/img/social-preview/{{ title | slugify }}-preview.jpeg{%- else -%}{{ meta.meta_data.opengraph_default }}{% endif -%}"/>
+    <meta name="theme-color" content="{{ meta.themeColorLight }}" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="{{ meta.themeColorDark }}" media="(prefers-color-scheme: dark)">
+    <meta name="theme-color" content="{{ meta.themeColorLight }}" />
     <meta name="generator" content="{{ eleventy.generator }}">
     <meta name="robots" content="noai, noimageai">
     <link href="/assets/icons/favicon.ico?v={% appVersion %}" rel="icon" sizes="any">