16 lines
511 B
TypeScript
16 lines
511 B
TypeScript
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;
|
|
}
|