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

Fill color for the progress bars in dark

Browse source
This commit is contained in:
Jackson Harper 2023-03-03 19:01:07 +08:00
parent 35bed5236a
commit ac5c3e0176
3 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -245,7 +245,7 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
>
<ProgressBar
fillPercentage={props.item.readingProgressPercent}
fillColor="#FFD234"
fillColor="$thProgressFg"
backgroundColor="$thBorderSubtle"
borderRadius="5px"
/>

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

@ -351,7 +351,6 @@ type AddLinkButtonProps = {
function AddLinkButton(props: AddLinkButtonProps): JSX.Element {
const currentTheme = currentThemeName()
const isDark = currentTheme == 'Dark'
console.log('current theme: ', isDark)
return (
<>

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

@ -189,6 +189,8 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
thBorderColor: '#E1E1E1',
thBorderSubtle: '#EEEEEE',
thProgressFg: '#FFD234',
thHighContrast: '#D9D9D9',
},
},
@ -275,6 +277,8 @@ const darkThemeSpec = {
thBorderColor: '#4F4F4F',
thBorderSubtle: '#6A6968',
thProgressFg: '#FFEA9F',
thHighContrast: '#D9D9D9',
},
shadows: {