Files
FarmaFinder/apps/frontend-mobile/hooks/useThemeColor.ts
T
Ichitux 2f36ef685d
Run Tests on Branches / Detect Changes (push) Successful in 10s
Run Tests on Branches / Backend Tests (push) Successful in 2m12s
Run Tests on Branches / Frontend Tests (push) Has been skipped
Run Tests on Branches / Frontend Mobile Tests (push) Successful in 1m47s
Mobile App design
2026-07-09 13:33:54 +02:00

20 lines
558 B
TypeScript

import { useColorScheme } from 'react-native';
import { colors, darkColors } from '../constants/theme';
import { useThemeStore, ThemeMode } from '../store/themeStore';
export type AppColors = typeof colors;
export function useThemeColor(): { colors: AppColors; isDark: boolean; mode: ThemeMode } {
const systemScheme = useColorScheme();
const mode = useThemeStore((s) => s.mode);
const isDark =
mode === 'dark' || (mode === 'system' && systemScheme === 'dark');
return {
colors: isDark ? darkColors : colors,
isDark,
mode,
};
}