Fix color schemes!

hooks/useThemeColor.ts

@@ -1,21 +1,19 @@
-/**
- * Learn more about light and dark modes:
- * https://docs.expo.dev/guides/color-schemes/
- */
-
-import { Colors } from '@/constants/Colors';
-import { useColorScheme } from '@/hooks/useColorScheme';
+import { useTheme } from 'react-native-paper';
+import { lightTheme, darkTheme } from '@/constants/Colors';
 
 export function useThemeColor(
   props: { light?: string; dark?: string },
-  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
+  colorName?: keyof typeof lightTheme & keyof typeof darkTheme
 ) {
-  const theme = useColorScheme() ?? 'light';
-  const colorFromProps = props[theme];
+  const theme = useTheme();
+  const colorScheme = theme.dark ? 'dark' : 'light';
+  const colorFromProps = props[colorScheme];
 
   if (colorFromProps) {
     return colorFromProps;
+  } else if (colorName) {
+    return theme[colorName];
   } else {
-    return Colors[theme][colorName];
+    return theme.colors.onSurface; // fallback
   }
-}
+}