zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Fix dark butterfly on android splash (#2993)

zio/stable
Eric Bailey 2024-02-26 19:24:36 -06:00 committed by GitHub
parent 9b11fc720f
commit 0311288dd7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Splash.tsx
View File

@ -181,6 +181,8 @@ export function Splash(props: React.PropsWithChildren<Props>) {
const logoAnimations = const logoAnimations =
reduceMotion === true ? reducedLogoAnimation : logoAnimation reduceMotion === true ? reducedLogoAnimation : logoAnimation
// special off-spec color for dark mode
const logoBg = isDarkMode ? '#0F1824' : '#fff'
return ( return (
<View style={{flex: 1}} onLayout={onLayout}> <View style={{flex: 1}} onLayout={onLayout}>
@ -232,7 +234,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
}, },
]}> ]}>
<AnimatedLogo <AnimatedLogo
fill="#fff" fill={logoBg}
style={[{opacity: 0}, logoAnimations]} style={[{opacity: 0}, logoAnimations]}
/> />
</Animated.View> </Animated.View>
@ -253,7 +255,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px transform: [{translateY: -(insets.top / 2)}, {scale: 0.1}], // scale from 1000px to 100px
}, },
]}> ]}>
<AnimatedLogo fill="#fff" style={[logoAnimations]} /> <AnimatedLogo fill={logoBg} style={[logoAnimations]} />
</Animated.View> </Animated.View>
}> }>
{!isAnimationComplete && ( {!isAnimationComplete && (
@ -261,10 +263,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
style={[ style={[
StyleSheet.absoluteFillObject, StyleSheet.absoluteFillObject,
{ {
backgroundColor: isDarkMode backgroundColor: logoBg,
? // special off-spec color for dark mode
'#0F1824'
: '#fff',
}, },
]} ]}
/> />