From a7db87c61acb9e2cc3e3fca56b1976d2a5d4b49e Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Tue, 14 Nov 2023 14:44:10 +1300
Subject: [PATCH] Fix colors on fabs

---
 AppFab.tsx    | 6 +++++-
 TimerPage.tsx | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/AppFab.tsx b/AppFab.tsx
index 0d53ae2..89853fa 100644
--- a/AppFab.tsx
+++ b/AppFab.tsx
@@ -1,15 +1,19 @@
 import { ComponentProps } from "react";
-import { FAB } from "react-native-paper";
+import { FAB, useTheme } from "react-native-paper";
 
 export default function AppFab(props: Partial<ComponentProps<typeof FAB>>) {
+  const { colors } = useTheme();
+
   return (
     <FAB
       icon="plus"
       testID="add"
+      color={colors.background}
       style={{
         position: "absolute",
         right: 20,
         bottom: 20,
+        backgroundColor: colors.primary,
       }}
       {...props}
     />
diff --git a/TimerPage.tsx b/TimerPage.tsx
index a2cfe14..dd6479e 100644
--- a/TimerPage.tsx
+++ b/TimerPage.tsx
@@ -78,7 +78,9 @@ export default function TimerPage() {
           position: "absolute",
           left: 20,
           bottom: 20,
+          backgroundColor: colors.primary,
         }}
+        color={colors.background}
       />
       <AppFab icon="stop" onPress={stop} />
     </>