primary color replaced to theme primary color

This commit is contained in:
Daniel Shleifman
2021-06-20 22:43:21 +03:00
parent a026f05205
commit 033aa3153f
18 changed files with 158 additions and 122 deletions

View File

@@ -2,14 +2,16 @@ import { Button } from '@material-ui/core'
import styled, { css } from 'styled-components'
export const Header = styled.div`
background: #00a572;
color: rgba(0, 0, 0, 0.87);
font-size: 20px;
color: #fff;
font-weight: 600;
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
padding: 15px 24px;
position: relative;
${({ theme: { primary } }) => css`
background: ${primary};
color: rgba(0, 0, 0, 0.87);
font-size: 20px;
color: #fff;
font-weight: 600;
box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
padding: 15px 24px;
position: relative;
`}
`
export const Content = styled.div`