diff options
| author | Jan-Olof Eriksson <jan-olof.eriksson@iki.fi> | 2024-02-29 11:55:03 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-29 11:55:03 +0200 |
| commit | 963a44ab872a1044d6997a8fcf7b2fc754ac618a (patch) | |
| tree | bbd64f464a8f14e55cbb06e28811cdc43f059d29 /src/Splash.tsx | |
| parent | 1f9562847512bb41cd8bb381b735a388be4db59b (diff) | |
| parent | a35976cdc9b6467ad8b6e0c4ff46ba684fee9064 (diff) | |
| download | voidsky-963a44ab872a1044d6997a8fcf7b2fc754ac618a.tar.zst | |
Merge branch 'bluesky-social:main' into main
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, }, ]} /> |