Fix ripple color for dark theme

This commit is contained in:
Brandon Presley 2022-12-15 16:43:00 +13:00
parent fcd1a4146e
commit a1440b680f
3 changed files with 8 additions and 4 deletions

View File

@ -7,6 +7,7 @@ import {useCallback, useMemo, useState} from 'react'
import {Text} from 'react-native'
import {List} from 'react-native-paper'
import {getBestSet} from './best.service'
import {DARK_RIPPLE, LIGHT_RIPPLE} from './constants'
import {defaultSet} from './gym-set'
import {Plan} from './plan'
import {PlanPageParams} from './plan-page-params'
@ -75,8 +76,8 @@ export default function PlanItem({
const backgroundColor = useMemo(() => {
if (!ids.includes(item.id)) return
if (dark) return '#c2c2c2'
return '#c2c2c2'
if (dark) return DARK_RIPPLE
return LIGHT_RIPPLE
}, [dark, ids, item.id])
return (

View File

@ -3,6 +3,7 @@ import {format} from 'date-fns'
import {useCallback, useMemo} from 'react'
import {Image} from 'react-native'
import {List, Text} from 'react-native-paper'
import {DARK_RIPPLE, LIGHT_RIPPLE} from './constants'
import GymSet from './gym-set'
import {HomePageParams} from './home-page-params'
import Settings from './settings'
@ -37,8 +38,8 @@ export default function SetItem({
const backgroundColor = useMemo(() => {
if (!ids.includes(item.id)) return
if (dark) return '#c2c2c2'
return '#c2c2c2'
if (dark) return DARK_RIPPLE
return LIGHT_RIPPLE
}, [dark, ids, item.id])
return (

View File

@ -1,3 +1,5 @@
export const MARGIN = 10
export const PADDING = 10
export const ITEM_PADDING = 8
export const DARK_RIPPLE = '#444444'
export const LIGHT_RIPPLE = '#c2c2c2'