Remove primary color from timer progress
Some of these colors provide terrible contrast so we should just leave it as default. Otherwise people using certain colors (like light cyan) can barely see this progress circle at all.
This commit is contained in:
parent
b68f903a1c
commit
eb23fc2210
|
@ -7,7 +7,6 @@ import {settingsRepo} from './db'
|
||||||
import DrawerHeader from './DrawerHeader'
|
import DrawerHeader from './DrawerHeader'
|
||||||
import MassiveFab from './MassiveFab'
|
import MassiveFab from './MassiveFab'
|
||||||
import Settings from './settings'
|
import Settings from './settings'
|
||||||
import {useTheme} from './use-theme'
|
|
||||||
|
|
||||||
interface TickEvent {
|
interface TickEvent {
|
||||||
minutes: string
|
minutes: string
|
||||||
|
@ -18,7 +17,6 @@ export default function TimerPage() {
|
||||||
const [minutes, setMinutes] = useState('00')
|
const [minutes, setMinutes] = useState('00')
|
||||||
const [seconds, setSeconds] = useState('00')
|
const [seconds, setSeconds] = useState('00')
|
||||||
const [settings, setSettings] = useState<Settings>()
|
const [settings, setSettings] = useState<Settings>()
|
||||||
const {color} = useTheme()
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
settingsRepo.findOne({where: {}}).then(setSettings)
|
settingsRepo.findOne({where: {}}).then(setSettings)
|
||||||
|
@ -66,7 +64,6 @@ export default function TimerPage() {
|
||||||
<ProgressCircle
|
<ProgressCircle
|
||||||
style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}}
|
style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}}
|
||||||
progress={progress}
|
progress={progress}
|
||||||
progressColor={color}
|
|
||||||
strokeWidth={10}
|
strokeWidth={10}
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user