refactor: re-use query result

rqbazan · Nov 19, 2024 · bce80b6 · bce80b6
1 parent a5b99db
commit bce80b6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/layouts/default/components/seo.astro b/src/layouts/default/components/seo.astro
@@ -76,10 +76,11 @@ const canonicalUrl = getCanonicalUrl(Astro.url);
 <script is:inline>
   const { STORAGE_KEY, CUSTOM_EVENT_NAME, DARK } = __COLOR_MODE__;
 
+  const themeColorEl = document.querySelector("meta[name=theme-color]");
+
   function onColorModeChange(colorMode) {
-    document
-      .querySelector("meta[name=theme-color]")
-      .setAttribute("content", colorMode === DARK ? "#101010" : "#FFF6E3");
+    const newContent = colorMode === DARK ? "#101010" : "#FFF6E3";
+    themeColorEl.setAttribute("content", newContent);
   }
 
   document.addEventListener(CUSTOM_EVENT_NAME, (e) => {