2024.5.0 (#39)

src-web/hooks/useResolvedAppearance.ts

@@ -0,0 +1,14 @@
+import { usePreferredAppearance } from './usePreferredAppearance';
+import { useSettings } from './useSettings';
+
+export function useResolvedAppearance() {
+  const preferredAppearance = usePreferredAppearance();
+
+  const settings = useSettings();
+  const appearance =
+    settings == null || settings?.appearance === 'system'
+      ? preferredAppearance
+      : settings.appearance;
+
+  return appearance;
+}