23 lines
527 B
TypeScript
23 lines
527 B
TypeScript
|
/**
|
||
|
|
* Learn more about light and dark modes:
|
||
|
|
* https://docs.expo.dev/guides/color-schemes/
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { useColorScheme } from 'react-native';
|
||
|
|
|
||
|
|
import { Colors } from '@/constants/Colors';
|
||
|
|
|
||
|
|
export function useThemeColor(
|
||
|
|
props: { light?: string; dark?: string },
|
||
|
|
colorName: keyof typeof Colors.light & keyof typeof Colors.dark
|
||
|
|
) {
|
||
|
|
const theme = useColorScheme() ?? 'light';
|
||
|
|
const colorFromProps = props[theme];
|
||
|
|
|
||
|
|
if (colorFromProps) {
|
||
|
|
return colorFromProps;
|
||
|
|
} else {
|
||
|
|
return Colors[theme][colorName];
|
||
|
|
}
|
||
|
|
}
|