prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use theme for display font

Browse source
This commit is contained in:
Jackson Harper 2023-03-03 13:29:36 +08:00
parent 3eb74251da
commit 37b8d644a5
7 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/components/elements/StyledText.tsx
View file

@ -67,8 +67,8 @@ const textVariants = {
margin: 0,
},
modalHeadline: {
fontFamily: 'SF Pro',
fontWeight: '600',
fontFamily: '$display',
fontSize: '16px',
lineHeight: '20px',
color: '$grayText',
@ -180,7 +180,7 @@ const textVariants = {
color: 'white',
},
displaySettingsLabel: {
fontFamily: 'SF Pro',
fontFamily: '$display',
fontWeight: '500',
fontSize: '12px',
lineHeight: '20px',

8
packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
View file

@ -121,7 +121,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
color: '$thTextSubtle2',
fontSize: '13px',
fontWeight: '400',
fontFamily: 'SF Pro',
fontFamily: '$display',
minHeight: '35px',
}}
distribution="start"
@ -176,7 +176,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
fontSize: '20px',
fontWeight: '700',
lineHeight: '1.25',
fontFamily: 'SF Pro',
fontFamily: '$display',
overflow: 'hidden',
textOverflow: 'ellipsis',
wordBreak: 'break-word',
@ -195,7 +195,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
fontSize: '13px',
fontWeight: '400',
lineHeight: '140%',
fontFamily: 'SF Pro',
fontFamily: '$display',
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
@ -213,7 +213,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
color: '$thTextSubtle3',
fontSize: '13px',
fontWeight: '400',
fontFamily: 'SF Pro',
fontFamily: '$display',
}}
>
<SpanBox

6
packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
View file

@ -104,7 +104,7 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
color: '$thTextSubtle2',
fontSize: '10px',
fontWeight: '500',
fontFamily: 'SF Pro',
fontFamily: '$display',
}}
distribution="start"
>
@ -167,7 +167,7 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
fontWeight: '700',
lineHeight: '1.25',
maxWidth: '1200px',
fontFamily: 'SF Pro',
fontFamily: '$display',
overflow: 'hidden',
textOverflow: 'ellipsis',
wordBreak: 'break-word',
@ -183,7 +183,7 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
color: '$thTextSubtle3',
fontSize: '11px',
fontWeight: '400',
fontFamily: 'SF Pro',
fontFamily: '$display',
}}
>
<SpanBox

6
packages/web/components/templates/article/ReaderSettingsControl.tsx
View file

@ -59,7 +59,7 @@ export function ReaderSettingsControl(props: ReaderSettingsProps): JSX.Element {
display: 'flex',
fontSize: '12px',
fontWeight: '600',
fontFamily: 'SF Pro',
fontFamily: '$display',
'&:hover': {
textDecoration: 'underline',
},
@ -140,7 +140,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
>
<SpanBox
css={{
fontFamily: 'SF Pro',
fontFamily: '$display',
fontStyle: 'normal',
fontWeight: '400',
fontSize: '20px',
@ -163,7 +163,7 @@ function FontControls(props: FontControlsProps): JSX.Element {
/>
<SpanBox
css={{
fontFamily: 'SF Pro',
fontFamily: '$display',
fontStyle: 'normal',
fontWeight: '400',
fontSize: '20px',

2
packages/web/components/templates/homeFeed/EditItemModals.tsx
View file

@ -190,7 +190,7 @@ function EditItemModal(props: EditItemModalProps): JSX.Element {
const titleStyle = {
mt: '22px',
mb: '2px',
fontFamily: 'SF Pro',
fontFamily: '$display',
fontWeight: '600',
fontSize: '9px',
color: '#898989',

2
packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
View file

@ -267,7 +267,7 @@ function FilterButton(props: FilterButtonProps): JSX.Element {
backgroundColor: selected ? '$thBackground2' : 'unset',
fontSize: '14px',
fontWeight: 'regular',
fontFamily: 'SF Pro Text',
fontFamily: '$display Text',
color: '$thTextSubtle',
verticalAlign: 'middle',
borderRadius: '3px',

1
packages/web/components/tokens/stitches.config.ts
View file

@ -66,6 +66,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
theme: {
fonts: {
inter: 'Inter, sans-serif',
display: '-apple-system, BlinkMacSystemFont, sans-serif',
},
fontSizes: {
1: '0.75em',