diff --git a/public/index.html b/public/index.html
index 218f99297..7270624e6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,7 @@
   <meta property="og:type" content="website">
   <meta property="og:description" content="A super customisable, minimalistic typing test.">
   <meta property="og:image" content="https://monkey-type.com/mtsocial_large.png">
-  <meta name="theme-color" content="#e2b714">
+  <meta name="theme-color" content="#e2b714" id="metaThemeColor">
   <meta name="twitter:title" content="Monkey Type">
   <meta name="twitter:image" content="https://monkey-type.com/mtsocial_large.png">
   <meta name="twitter:card" content="summary_large_image">
diff --git a/public/js/userconfig.js b/public/js/userconfig.js
index 8b0e286cf..4a9308a13 100644
--- a/public/js/userconfig.js
+++ b/public/js/userconfig.js
@@ -573,6 +573,7 @@ function setTheme(name, nosave) {
   }
   setTimeout(() => {
     refreshThemeColorObject();
+    $("#metaThemeColor").attr("content", themeColors.main);
   }, 500);
   if (!nosave) saveConfigToCookie();
 }