Skip to content

I
interface
Commit 64dd2f9e authored by Callil Capuozzo's avatar Callil Capuozzo
Browse files
Options

update button styles

parent 09f30ce0
Hide whitespace changes
Inline Side-by-side
Showing with 4 additions and 4 deletions
src/components/Button/index.tsx
View file @ 64dd2f9e
...@@ -108,18 +108,18 @@ export const ButtonLight = styled(Base)` ...@@ -108,18 +108,18 @@ export const ButtonLight = styled(Base)`
` `
export const ButtonGray = styled(Base)` export const ButtonGray = styled(Base)`
background-color: ${({ theme }) => theme.bg2}; background-color: ${({ theme }) => theme.bg1};
color: ${({ theme }) => theme.text2}; color: ${({ theme }) => theme.text2};
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
&:focus { &:focus {
background-color: ${({ theme, disabled }) => !disabled && darken(0.05, theme.bg4)}; background-color: ${({ theme, disabled }) => !disabled && darken(0.05, theme.bg2)};
} }
&:hover { &:hover {
background-color: ${({ theme, disabled }) => !disabled && darken(0.05, theme.bg4)}; background-color: ${({ theme, disabled }) => !disabled && darken(0.05, theme.bg2)};
} }
&:active { &:active {
background-color: ${({ theme, disabled }) => !disabled && darken(0.1, theme.bg4)}; background-color: ${({ theme, disabled }) => !disabled && darken(0.1, theme.bg2)};
} }
` `
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment