initial commit

apps/native/contexts/app-theme-context.tsx

@@ -0,0 +1,55 @@
+import React, { createContext, useCallback, useContext, useMemo } from "react";
+import { Uniwind, useUniwind } from "uniwind";
+
+type ThemeName = "light" | "dark";
+
+type AppThemeContextType = {
+  currentTheme: string;
+  isLight: boolean;
+  isDark: boolean;
+  setTheme: (theme: ThemeName) => void;
+  toggleTheme: () => void;
+};
+
+const AppThemeContext = createContext<AppThemeContextType | undefined>(undefined);
+
+export const AppThemeProvider = ({ children }: { children: React.ReactNode }) => {
+  const { theme } = useUniwind();
+
+  const isLight = useMemo(() => {
+    return theme === "light";
+  }, [theme]);
+
+  const isDark = useMemo(() => {
+    return theme === "dark";
+  }, [theme]);
+
+  const setTheme = useCallback((newTheme: ThemeName) => {
+    Uniwind.setTheme(newTheme);
+  }, []);
+
+  const toggleTheme = useCallback(() => {
+    Uniwind.setTheme(theme === "light" ? "dark" : "light");
+  }, [theme]);
+
+  const value = useMemo(
+    () => ({
+      currentTheme: theme,
+      isLight,
+      isDark,
+      setTheme,
+      toggleTheme,
+    }),
+    [theme, isLight, isDark, setTheme, toggleTheme],
+  );
+
+  return <AppThemeContext.Provider value={value}>{children}</AppThemeContext.Provider>;
+};
+
+export function useAppTheme() {
+  const context = useContext(AppThemeContext);
+  if (!context) {
+    throw new Error("useAppTheme must be used within AppThemeProvider");
+  }
+  return context;
+}