Fix ripple color for dark theme
This commit is contained in:
parent
fcd1a4146e
commit
a1440b680f
|
@ -7,6 +7,7 @@ import {useCallback, useMemo, useState} from 'react'
|
||||||
import {Text} from 'react-native'
|
import {Text} from 'react-native'
|
||||||
import {List} from 'react-native-paper'
|
import {List} from 'react-native-paper'
|
||||||
import {getBestSet} from './best.service'
|
import {getBestSet} from './best.service'
|
||||||
|
import {DARK_RIPPLE, LIGHT_RIPPLE} from './constants'
|
||||||
import {defaultSet} from './gym-set'
|
import {defaultSet} from './gym-set'
|
||||||
import {Plan} from './plan'
|
import {Plan} from './plan'
|
||||||
import {PlanPageParams} from './plan-page-params'
|
import {PlanPageParams} from './plan-page-params'
|
||||||
|
@ -75,8 +76,8 @@ export default function PlanItem({
|
||||||
|
|
||||||
const backgroundColor = useMemo(() => {
|
const backgroundColor = useMemo(() => {
|
||||||
if (!ids.includes(item.id)) return
|
if (!ids.includes(item.id)) return
|
||||||
if (dark) return '#c2c2c2'
|
if (dark) return DARK_RIPPLE
|
||||||
return '#c2c2c2'
|
return LIGHT_RIPPLE
|
||||||
}, [dark, ids, item.id])
|
}, [dark, ids, item.id])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -3,6 +3,7 @@ import {format} from 'date-fns'
|
||||||
import {useCallback, useMemo} from 'react'
|
import {useCallback, useMemo} from 'react'
|
||||||
import {Image} from 'react-native'
|
import {Image} from 'react-native'
|
||||||
import {List, Text} from 'react-native-paper'
|
import {List, Text} from 'react-native-paper'
|
||||||
|
import {DARK_RIPPLE, LIGHT_RIPPLE} from './constants'
|
||||||
import GymSet from './gym-set'
|
import GymSet from './gym-set'
|
||||||
import {HomePageParams} from './home-page-params'
|
import {HomePageParams} from './home-page-params'
|
||||||
import Settings from './settings'
|
import Settings from './settings'
|
||||||
|
@ -37,8 +38,8 @@ export default function SetItem({
|
||||||
|
|
||||||
const backgroundColor = useMemo(() => {
|
const backgroundColor = useMemo(() => {
|
||||||
if (!ids.includes(item.id)) return
|
if (!ids.includes(item.id)) return
|
||||||
if (dark) return '#c2c2c2'
|
if (dark) return DARK_RIPPLE
|
||||||
return '#c2c2c2'
|
return LIGHT_RIPPLE
|
||||||
}, [dark, ids, item.id])
|
}, [dark, ids, item.id])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
export const MARGIN = 10
|
export const MARGIN = 10
|
||||||
export const PADDING = 10
|
export const PADDING = 10
|
||||||
export const ITEM_PADDING = 8
|
export const ITEM_PADDING = 8
|
||||||
|
export const DARK_RIPPLE = '#444444'
|
||||||
|
export const LIGHT_RIPPLE = '#c2c2c2'
|
||||||
|
|
Loading…
Reference in New Issue
Block a user