Add kawaii mode (#3773)

This commit is contained in:
Samuel Newman 2024-05-01 08:59:40 +01:00 committed by GitHub
parent 181e61bedb
commit 81ae7e425d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 152 additions and 30 deletions

View file

@ -4,6 +4,7 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {msg, Trans} from '@lingui/macro'
import {useLingui} from '@lingui/react'
import {useKawaiiMode} from '#/state/preferences/kawaii'
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
import {Logo} from '#/view/icons/Logo'
import {Logotype} from '#/view/icons/Logotype'
@ -28,6 +29,8 @@ export const SplashScreen = ({
const t = useTheme()
const {isTabletOrMobile: isMobileWeb} = useWebMediaQueries()
const kawaii = useKawaiiMode()
return (
<>
{onDismiss && (
@ -66,11 +69,13 @@ export const SplashScreen = ({
]}>
<ErrorBoundary>
<View style={[a.justify_center, a.align_center]}>
<Logo width={92} fill="sky" />
<Logo width={kawaii ? 300 : 92} fill="sky" />
<View style={[a.pb_sm, a.pt_5xl]}>
<Logotype width={161} fill={t.atoms.text.color} />
</View>
{!kawaii && (
<View style={[a.pb_sm, a.pt_5xl]}>
<Logotype width={161} fill={t.atoms.text.color} />
</View>
)}
<Text
style={[