From d38d2a59b4d42e38ca7d764d49a1e0b5dd4752e1 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Sun, 25 Sep 2022 17:43:29 +1300
Subject: [PATCH] Add white and black themes

---
 SettingsPage.tsx | 9 +++++----
 colors.ts        | 2 ++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index 0ea81bb..401b14e 100644
--- a/SettingsPage.tsx
+++ b/SettingsPage.tsx
@@ -188,11 +188,12 @@ export default function SettingsPage() {
             dropdownIconColor={color}
             selectedValue={color}
             onValueChange={value => setColor(value)}>
-            {darkColors.concat(lightColors).map(darkColor => (
+            {darkColors.concat(lightColors).map(colorOption => (
               <Picker.Item
-                value={darkColor.hex}
-                label={`${darkColor.name} theme`}
-                color={darkColor.hex}
+                key={colorOption.hex}
+                value={colorOption.hex}
+                label={`${colorOption.name} theme`}
+                color={colorOption.hex}
               />
             ))}
           </Picker>
diff --git a/colors.ts b/colors.ts
index a97751f..2a45d6d 100644
--- a/colors.ts
+++ b/colors.ts
@@ -1,9 +1,11 @@
 export const lightColors = [
   {hex: '#B3E5FC', name: 'Cyan'},
   {hex: '#FFC0CB', name: 'Pink'},
+  {hex: '#FFFFFF', name: 'White'},
 ];
 
 export const darkColors = [
   {hex: '#8156A7', name: 'Purple'},
   {hex: '#007AFF', name: 'Blue'},
+  {hex: '#000000', name: 'Black'},
 ];