refactor: read from attributes rather than localStorage for initializing RGS

Author: mayank1513

lib/src/utils.ts

@@ -1,5 +1,5 @@
 import useRGS from "r18gs";
-import { COOKIE_KEY, DARK, LIGHT, MEDIA, SYSTEM } from "./constants";
+import { DARK, SYSTEM } from "./constants";
 
 export type ColorSchemePreference = "system" | "dark" | "";
 export type ResolvedScheme = "dark" | "";
@@ -10,12 +10,11 @@ export interface Store {
 
 /** local abstaction of RGS to avoid multiple imports */
 export const useStore = () =>
-  useRGS<Store>("ndm", () =>
-    typeof localStorage === "undefined"
-      ? /* v8 ignore next */
-        { m: SYSTEM, s: DARK as ResolvedScheme }
-      : {
-          m: (localStorage.getItem(COOKIE_KEY) ?? SYSTEM) as ColorSchemePreference,
-          s: (matchMedia(MEDIA).matches ? DARK : LIGHT) as ResolvedScheme,
-        },
-  );
+  useRGS<Store>("ndm", () => {
+    if (typeof document === "undefined") return { m: SYSTEM, s: DARK as ResolvedScheme };
+    const el = document.documentElement;
+    return {
+      m: (el.getAttribute("data-m") ?? SYSTEM) as ColorSchemePreference,
+      s: el.getAttribute("data-sm") as ResolvedScheme,
+    };
+  });