From bac2e3498fba1c519f7733cf68f91ac4f37e9e83 Mon Sep 17 00:00:00 2001
From: Brandon Presley <brandon@presley.nz>
Date: Tue, 8 Nov 2022 12:58:16 +1300
Subject: [PATCH] Add back in primary color for timer

The default progress color had weird
looking jagged edges.
---
 TimerPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/TimerPage.tsx b/TimerPage.tsx
index 42c2af6..967cc11 100644
--- a/TimerPage.tsx
+++ b/TimerPage.tsx
@@ -1,6 +1,6 @@
 import React, {useEffect, useMemo, useState} from 'react'
 import {Dimensions, NativeEventEmitter, NativeModules, View} from 'react-native'
-import {Button, Text} from 'react-native-paper'
+import {Button, Text, useTheme} from 'react-native-paper'
 import {ProgressCircle} from 'react-native-svg-charts'
 import {MARGIN, PADDING} from './constants'
 import {settingsRepo} from './db'
@@ -17,6 +17,7 @@ export default function TimerPage() {
   const [minutes, setMinutes] = useState('00')
   const [seconds, setSeconds] = useState('00')
   const [settings, setSettings] = useState<Settings>()
+  const {colors} = useTheme()
 
   useEffect(() => {
     settingsRepo.findOne({where: {}}).then(setSettings)
@@ -65,6 +66,7 @@ export default function TimerPage() {
             style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}}
             progress={progress}
             strokeWidth={10}
+            progressColor={colors.primary}
           />
         </View>
       </View>