diff --git a/assets/js/appearance.js b/assets/js/appearance.js
index dd5ad69d..32cd39cb 100644
--- a/assets/js/appearance.js
+++ b/assets/js/appearance.js
@@ -39,6 +39,7 @@ if (document.documentElement.getAttribute("data-auto-appearance") === "true") {
 }
 
 window.addEventListener("DOMContentLoaded", (event) => {
+  setThemeColor();
   var switchers = document.querySelectorAll("[id^='appearance-switcher']");
   switchers.forEach((switcher) => {
     switcher.addEventListener("click", () => {