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

Colours for tabs and CTA buttons

Browse source
This commit is contained in:
Jackson Harper 2024-02-09 12:06:22 +08:00
parent 3a7e60e65e
commit d3e6fae295
4 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/web/components/elements/Button.tsx
View file

@ -27,6 +27,7 @@ export const Button = styled('button', {
cursor: 'pointer',
border: '1px solid $yellow3',
bg: '$ctaBlue',
color: 'white',
'&:hover': {
opacity: '0.6',
border: '0px solid $ctaBlue',
@ -238,7 +239,7 @@ export const Button = styled('button', {
fontSize: '12px',
fontWeight: '500',
fontFamily: '$inter',
color: '$thBorderSubtle',
color: '$tabTextUnselected',
cursor: 'pointer',
borderRadius: '5px',
'&:hover': {
@ -249,16 +250,16 @@ export const Button = styled('button', {
px: '15px',
py: '6px',
border: 'none',
bg: '$thBorderSubtle',
bg: '#6A6968',
fontSize: '12px',
fontWeight: '500',
fontFamily: '$inter',
color: '$textContrast',
color: 'white',
cursor: 'pointer',
borderRadius: '5px',
'&:hover': {
color: '$thTextContrast',
},
// '&:hover': {
// color: '$thTextContrast',
// },
},
squareIcon: {
mx: '$1',

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

@ -219,7 +219,7 @@ const AddFromURL = (props: AddFromURLProps): JSX.Element => {
mb: '13px',
fontSize: '14px',
color: '$thTextContrast',
bg: '$thLibrarySearchbox',
bg: '$thFormInput',
}}
/>
<Button

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

@ -1073,6 +1073,7 @@ function LibraryItemsLayout(props: LibraryItemsLayoutProps): JSX.Element {
'@lgDown': {
display: 'none',
},
mb: '10px',
}}
>
<PinnedButtons

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

@ -184,6 +184,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
thLibrarySelectionColor: '#FFEA9F',
thLibraryNavigationMenuFooter: '#EFEADE',
thLibraryMenuFooterHover: '#FFFFFF',
thFormInput: '#EBEBEB',
thHeaderIconRing: '#D9D9D9',
thHeaderIconInner: '#898989',
@ -202,6 +203,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
thBorderColor: '#E1E1E1',
thBorderSubtle: '#EEEEEE',
tabTextUnselected: '#898989',
thProgressFg: '#FFD234',
@ -307,6 +309,7 @@ const darkThemeSpec = {
thLibraryNavigationMenuFooter: '#3D3D3D',
thLibraryMenuFooterHover: '#6A6968',
searchActiveOutline: '#866D15',
thFormInput: '#3D3D3D',
thHeaderIconRing: '#3D3D3D',
thHeaderIconInner: '#D9D9D9',
@ -326,6 +329,7 @@ const darkThemeSpec = {
thBorderColor: '#4F4F4F',
thBorderSubtle: '#6A6968',
tabTextUnselected: '#6A6968',
thProgressFg: '#FFD234',