36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { DarkTheme, DefaultTheme, Theme } from '@react-navigation/native'
|
|
import { NativeStackNavigationOptions } from 'react-native-screens/native-stack'
|
|
import { darkTheme, lightTheme } from './themes'
|
|
|
|
export const darkNavigationTheme: Theme = {
|
|
...DarkTheme,
|
|
colors: {
|
|
...DarkTheme.colors,
|
|
background: darkTheme['background-basic-color-2'],
|
|
border: darkTheme['background-basic-color-1'],
|
|
card: darkTheme['background-basic-color-1'],
|
|
primary: darkTheme['color-primary-400'],
|
|
text: '#ddd',
|
|
},
|
|
}
|
|
|
|
export const lightNavigationTheme: Theme = {
|
|
...DefaultTheme,
|
|
colors: {
|
|
...DefaultTheme.colors,
|
|
background: lightTheme['background-basic-color-2'],
|
|
border: lightTheme['background-basic-color-1'],
|
|
card: lightTheme['background-basic-color-1'],
|
|
primary: lightTheme['color-primary-500'],
|
|
},
|
|
}
|
|
|
|
export const defaultStackStyling: NativeStackNavigationOptions = {
|
|
headerTitleStyle: {
|
|
fontFamily: 'Poppins-Medium',
|
|
},
|
|
headerBackTitleStyle: {
|
|
fontFamily: 'Poppins-Regular',
|
|
},
|
|
}
|