snapshot of https://github.com/mountain-loop/yaak.git (main, 2026-09-23; blobs > 131072B omitted)

apps/yaak-client/hooks/usePreferredAppearance.ts

@@ -0,0 +1,15 @@
+import { useEffect, useState } from "react";
+import type { Appearance } from "@yaakapp-internal/theme";
+import {
+  getCSSAppearance,
+  getSystemAppearance,
+  subscribeToPreferredAppearance,
+} from "@yaakapp-internal/theme";
+
+export function usePreferredAppearance() {
+  const [preferredAppearance, setPreferredAppearance] = useState<Appearance>(
+    getSystemAppearance() ?? getCSSAppearance(),
+  );
+  useEffect(() => subscribeToPreferredAppearance(setPreferredAppearance), []);
+  return preferredAppearance;
+}