diff options
| author | Eric Bailey <git@esb.lol> | 2024-02-26 19:24:36 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-26 19:24:36 -0600 |
| commit | 0311288dd76026cf1bab5302b01637bdeb9c07e2 (patch) | |
| tree | f409c1d6b9315c05e5389f62a267caf9f5a69ada /src/Splash.tsx | |
| parent | 9b11fc720f1714c7cfba76daaf3cefaf0ae97ae6 (diff) | |
| download | voidsky-0311288dd76026cf1bab5302b01637bdeb9c07e2.tar.zst | |
Fix dark butterfly on android splash (#2993)
Diffstat (limited to 'src/Splash.tsx')
| -rw-r--r-- | src/Splash.tsx | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/src/Splash.tsx b/src/Splash.tsx index b2381f923..42a21c083 100644 --- a/src/Splash.tsx +++ b/src/Splash.tsx @@ -181,6 +181,8 @@ export function Splash(props: React.PropsWithChildren<Props>) { const logoAnimations = reduceMotion === true ? reducedLogoAnimation : logoAnimation + // special off-spec color for dark mode + const logoBg = isDarkMode ? '#0F1824' : '#fff' return ( <View style={{flex: 1}} onLayout={onLayout}> @@ -232,7 +234,7 @@ export function Splash(props: React.PropsWithChildren<Props>) { }, ]}> <AnimatedLogo - fill="#fff" + fill={logoBg} style={[{opacity: 0}, logoAnimations]} /> </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 }, ]}> - <AnimatedLogo fill="#fff" style={[logoAnimations]} /> + <AnimatedLogo fill={logoBg} style={[logoAnimations]} /> </Animated.View> }> {!isAnimationComplete && ( @@ -261,10 +263,7 @@ export function Splash(props: React.PropsWithChildren<Props>) { style={[ StyleSheet.absoluteFillObject, { - backgroundColor: isDarkMode - ? // special off-spec color for dark mode - '#0F1824' - : '#fff', + backgroundColor: logoBg, }, ]} /> |