diff options
| author | Minseo Lee <itoupluk427@gmail.com> | 2024-02-27 14:39:41 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-27 14:39:41 +0900 |
| commit | 8d394a354114d5d6cacc79f60035a7a3d9629659 (patch) | |
| tree | 5678ed30383917e01a9e0d4a01eb2b206d34aa73 /src/Splash.tsx | |
| parent | 860b5307adf29e7f47e2ef6a84af1932929223b1 (diff) | |
| parent | 58aaad704aa971c5ebbf5a5f330a2e2129b557f6 (diff) | |
| download | voidsky-8d394a354114d5d6cacc79f60035a7a3d9629659.tar.zst | |
Merge branch 'main' into patch-3
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, }, ]} /> |