1de724b24b
* Get home screen's swipable pager working with the drawer * Add tab bar to pager * Implement popular & following views on home screen * Visual tune-up * Move the feed selector to the footer * Fix to 'new posts' poll * Add the view header as a feed item * Use the native driver on the tabbar indicator to improve perf * Reduce home polling to the currently active page; also reuse some code * Add soft reset on tap selected in tab bar * Remove explicit 'onboarding' flow * Choose good stuff based on service * Add foaf-based follow discovery * Fall back to who to follow * Fix backgrounds * Switch to the off-spec goodstuff route * 1.8 * Fix for dev & staging * Swap the tab bar items and rename suggested to what's hot * Go to whats-hot by default if you have no follows * Implement pager and tabbar for desktop web * Pin deps to make expo happy * Add language filtering to goodstuff
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import {TextStyle, ViewStyle} from 'react-native'
|
|
import {useTheme, PaletteColorName, PaletteColor} 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
|
|
}
|
|
export function usePalette(color: PaletteColorName): UsePaletteValue {
|
|
const palette = useTheme().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,
|
|
},
|
|
}
|
|
}
|