Add kawaii mode (#3773)
This commit is contained in:
parent
181e61bedb
commit
81ae7e425d
17 changed files with 152 additions and 30 deletions
|
@ -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={[
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue