Theme Init Fix

haydncomley · Jun 12, 2024 · be2fb3a · be2fb3a
1 parent cd9b4ec
commit be2fb3a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/example/src/pages/[...slug].astro b/src/example/src/pages/[...slug].astro
@@ -6,7 +6,8 @@ import { colors } from "../components/colour-picker.ts";
 import { hexToRgb, shiftHue } from "../lib/utils";
 
 const path = Astro.url.pathname;
-const theme = Astro.cookies.get("theme")?.value || colors[0].hex;
+const theme = Astro.cookies.get("theme")?.value || "#dd1364";
+console.log("Hello", theme);
 
 const app = myApp({ path, theme })!;
 const primary = hexToRgb(theme);
@@ -38,8 +39,7 @@ const secondary = shiftHue(hexToRgb(theme), 0.2);
         document.cookie
           .split("; ")
           .find((row) => row.startsWith("theme="))
-          ?.split("=")[1] ??
-        getComputedStyle(document.body).getPropertyValue("--theme-primary");
+          ?.split("=")[1] ?? "#dd1364";
 
       const app = myApp({ path, theme })!;
       app.hydrate(app!.id);