Add white and black themes

This commit is contained in:
Brandon Presley 2022-09-25 17:43:29 +13:00
parent b5b4aa8666
commit d38d2a59b4
2 changed files with 7 additions and 4 deletions

View File

@ -188,11 +188,12 @@ export default function SettingsPage() {
dropdownIconColor={color} dropdownIconColor={color}
selectedValue={color} selectedValue={color}
onValueChange={value => setColor(value)}> onValueChange={value => setColor(value)}>
{darkColors.concat(lightColors).map(darkColor => ( {darkColors.concat(lightColors).map(colorOption => (
<Picker.Item <Picker.Item
value={darkColor.hex} key={colorOption.hex}
label={`${darkColor.name} theme`} value={colorOption.hex}
color={darkColor.hex} label={`${colorOption.name} theme`}
color={colorOption.hex}
/> />
))} ))}
</Picker> </Picker>

View File

@ -1,9 +1,11 @@
export const lightColors = [ export const lightColors = [
{hex: '#B3E5FC', name: 'Cyan'}, {hex: '#B3E5FC', name: 'Cyan'},
{hex: '#FFC0CB', name: 'Pink'}, {hex: '#FFC0CB', name: 'Pink'},
{hex: '#FFFFFF', name: 'White'},
]; ];
export const darkColors = [ export const darkColors = [
{hex: '#8156A7', name: 'Purple'}, {hex: '#8156A7', name: 'Purple'},
{hex: '#007AFF', name: 'Blue'}, {hex: '#007AFF', name: 'Blue'},
{hex: '#000000', name: 'Black'},
]; ];