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

A couple small font/color tweaks

Browse source
This commit is contained in:
Jackson Harper 2022-09-27 10:20:14 +08:00
parent e805c5fade
commit 4fcb379950
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,14 +33,14 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
display: 'grid',
gridTemplateColumns: '0.01fr 1fr 2fr 150px',
gridTemplateRows: '1fr',
borderBottom: '1px solid $graySolid',
borderBottom: '1px solid $graySeparator',
height: '45px',
}}
>
<ProgressBarVertical
fillPercentage={props.item.readingProgressPercent}
fillColor={theme.colors.highlight.toString()}
backgroundColor={theme.colors.lightBorder.toString()}
backgroundColor={theme.colors.grayProgressBackground.toString()}
borderRadius={
props.item.readingProgressPercent === 100 ? '0' : '0px 8px 8px 0px'
}
@ -86,7 +86,8 @@ function CardTitle(props: CardTitleProps): JSX.Element {
data-testid="listTitle"
css={{
...ellipsisText,
fontSize: '18px',
fontSize: '14px',
fontWeight: '600',
textAlign: 'left',
}}
>

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

@ -125,6 +125,8 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
grayLine: 'hsl(0 0% 88.7%)',
grayBorderHover: 'hsl(0 0% 78.0%)',
grayText: '#3B3938',
graySeparator: '#DADADA',
grayProgressBackground: '#FFFFFF',
// Semantic Colors
highlightBackground: 'rgba(255, 210, 52, 0.65)',
@ -196,6 +198,8 @@ const darkThemeSpec = {
grayLine: 'hsl(0 0% 19.9%)',
grayBorderHover: 'hsl(0 0% 31.2%)',
grayText: '#CDCDCD',
graySeparator: '#323232',
grayProgressBackground: '#616161',
// Semantic Colors
highlightBackground: '#867740',