boxons/app/shared/theme/index.ts

import Colors from '@/constants/Colors';
import { layout } from './layout';
import { useColorScheme } from 'react-native';

export const theme = {
  colors: Colors,
  layout
};

export const useThemeColors = () => {
  const colorScheme = useColorScheme() ?? 'light';
  return {
    ...theme,
  };
};

declare module '@emotion/react' {
  export interface Theme {
    colors: typeof Colors;
    layout: typeof layout;
  }
}

export type Theme = typeof theme;