@boneframework/native-components/hooks/useNavigationTheme.js

Expo React Native Components for Bone Framework

import {DarkTheme, DefaultTheme} from "@react-navigation/native";

import useStyle from "./useStyle";
import colors from "../../../../config/colors";

export default useNavigationTheme = () => {
    const style = useStyle();
    const theme = style.dark ? DarkTheme : DefaultTheme
    return {
        ...theme,
        colors: {
            ...theme.colors,
            primary: style.text.color,
            background: style.backgroundColor,
            card: style.backgroundColor
        },
        dark: style.dark
    }
};