zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Design system tweaks (#2822)

Browse source 
* Tweak palette, theme naming, update usages

* Update Typography, replace the few usages
This commit is contained in:
Eric Bailey 2024-02-09 11:52:32 -06:00 • committed by GitHub
parent 43b447e5f4
commit d6235453c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 276 additions and 234 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/screens/Onboarding/StepAlgoFeeds/FeedCard.tsx
View file

@ -8,7 +8,7 @@ import {msg} from '@lingui/macro'
import {useTheme, atoms as a} from '#/alf'
import * as Toggle from '#/components/forms/Toggle'
import {useFeedSourceInfoQuery, FeedSourceInfo} from '#/state/queries/feed'
import {Text, H3} from '#/components/Typography'
import {Text} from '#/components/Typography'
import {RichText} from '#/components/RichText'
import {Check_Stroke2_Corner0_Rounded as Check} from '#/components/icons/Check'
@ -94,14 +94,14 @@ function PrimaryFeedCardInner({
</View>
<View style={[a.pt_xs, a.flex_grow]}>
<H3
<Text
style={[
a.text_lg,
a.font_bold,
ctx.selected && styles.textSelected,
]}>
{feed.displayName}
</H3>
</Text>
<Text
style={[
@ -137,7 +137,7 @@ function PrimaryFeedCardInner({
},
a.mt_md,
a.w_full,
t.name === 'light' ? t.atoms.border : t.atoms.border_contrast,
t.atoms.border_contrast_low,
ctx.selected && {
borderTopColor: t.palette.white,
},
@ -239,14 +239,14 @@ function FeedCardInner({feed}: {feed: FeedSourceInfo; config: FeedConfig}) {
</View>
<View style={[a.pt_2xs, a.flex_grow]}>
<H3
<Text
style={[
a.text_md,
a.font_bold,
ctx.selected && styles.textSelected,
]}>
{feed.displayName}
</H3>
</Text>
<Text
style={[
{opacity: 0.8},
@ -281,7 +281,7 @@ function FeedCardInner({feed}: {feed: FeedSourceInfo; config: FeedConfig}) {
},
a.mt_md,
a.w_full,
t.name === 'light' ? t.atoms.border : t.atoms.border_contrast,
t.atoms.border_contrast_low,
ctx.selected && {
borderTopColor: t.palette.primary_200,
},
@ -360,7 +360,7 @@ export function FeedCardPlaceholder({primary}: {primary?: boolean}) {
},
a.mt_md,
a.w_full,
t.atoms.border,
t.atoms.border_contrast_low,
]}
/>