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

Label and border updates

Browse source
This commit is contained in:
Jackson Harper 2024-06-13 20:57:08 +08:00
parent bbdf598918
commit 9b92cceedb
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/web/components/elements/LabelChip.tsx
View file

@ -26,7 +26,7 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
color: '$thLabelChipForeground',
borderColor: props.isSelected
? '$thLabelChipSelectedBorder'
: '$thLabelChipUnselectedBorder',
: '$thLabelChipBackground',
backgroundColor: '$thLabelChipBackground',
}}
>

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

@ -72,7 +72,9 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
borderStyle: 'none',
overflow: 'hidden',
cursor: 'pointer',
border: props.legacyLayout ? 'unset' : '1px solid black',
border: props.legacyLayout
? 'unset'
: '1px solid $thLeftMenuBackground',
'@media (max-width: 930px)': {
width: 'calc(100% - 30px)',
},

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

@ -199,7 +199,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
thHomeIcon: '#2A2A2A',
thLabelChipForeground: '#2A2A2A',
thLabelChipBackground: '#F5F5F5',
thLabelChipBackground: '#EDEDED',
thLabelChipSelectedBorder: 'black',
thLabelChipUnselectedBorder: '#F5F5F5',
thLabelOutlineChipBorder: '#D9D9D9',
@ -354,7 +354,7 @@ const darkThemeSpec = {
thHomeIcon: '#FFFFFF',
thLabelChipForeground: '#EBEBEB',
thLabelChipBackground: '#2A2A2A',
thLabelChipBackground: '#343434',
thLabelChipSelectedBorder: '#FFEA9F',
thLabelChipUnselectedBorder: '#2A2A2A',
thLabelOutlineChipBorder: '#6A696850',
@ -438,6 +438,7 @@ const apolloThemeSpec = {
backgroundMedium: '#525252',
thLibraryMultiselectHover: '#EEE8D5',
thLabelChipBackground: '#6A6968',
},
}
@ -456,6 +457,7 @@ const sepiaThemeSpec = {
thNavMenuFooter: '#DDD6C1',
thLibrarySelectionColor: '#DDD6C1',
thLabelChipBackground: '#EEE8D5',
thBackground4: '#DDD6C166', // used on hover of menu items
thBorderColor: '#DDD6C1',