Samuel Newman
25e60548c4
* mark a bunch of stuff as deprecated * mark s as deprecated (serverence reference????) * rm type import
66 lines
1.3 KiB
TypeScript
66 lines
1.3 KiB
TypeScript
import {useMemo} from 'react'
|
|
import {type TextStyle, type ViewStyle} from 'react-native'
|
|
|
|
import {
|
|
type PaletteColor,
|
|
type PaletteColorName,
|
|
useTheme,
|
|
} from '../ThemeContext'
|
|
|
|
export interface UsePaletteValue {
|
|
colors: PaletteColor
|
|
view: ViewStyle
|
|
viewLight: ViewStyle
|
|
btn: ViewStyle
|
|
border: ViewStyle
|
|
borderDark: ViewStyle
|
|
text: TextStyle
|
|
textLight: TextStyle
|
|
textInverted: TextStyle
|
|
link: TextStyle
|
|
icon: TextStyle
|
|
}
|
|
|
|
/**
|
|
* @deprecated use `useTheme` from `#/alf`
|
|
*/
|
|
export function usePalette(color: PaletteColorName): UsePaletteValue {
|
|
const theme = useTheme()
|
|
return useMemo(() => {
|
|
const palette = theme.palette[color]
|
|
return {
|
|
colors: palette,
|
|
view: {
|
|
backgroundColor: palette.background,
|
|
},
|
|
viewLight: {
|
|
backgroundColor: palette.backgroundLight,
|
|
},
|
|
btn: {
|
|
backgroundColor: palette.backgroundLight,
|
|
},
|
|
border: {
|
|
borderColor: palette.border,
|
|
},
|
|
borderDark: {
|
|
borderColor: palette.borderDark,
|
|
},
|
|
text: {
|
|
color: palette.text,
|
|
},
|
|
textLight: {
|
|
color: palette.textLight,
|
|
},
|
|
textInverted: {
|
|
color: palette.textInverted,
|
|
},
|
|
link: {
|
|
color: palette.link,
|
|
},
|
|
icon: {
|
|
color: palette.icon,
|
|
},
|
|
}
|
|
}, [theme, color])
|
|
}
|