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

@@ -18,16 +18,18 @@ export const CenteredGrid = styled.div`
`
export const AppHeader = styled.div`
background: #00a572;
color: #fff;
grid-area: head;
display: grid;
grid-auto-flow: column;
align-items: center;
grid-template-columns: repeat(2, max-content) 1fr;
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: 0 16px;
z-index: 3;
${({ theme: { primary } }) => css`
background: ${primary};
color: #fff;
grid-area: head;
display: grid;
grid-auto-flow: column;
align-items: center;
grid-template-columns: repeat(2, max-content) 1fr;
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: 0 16px;
z-index: 3;
`}
`
export const AppSidebarStyle = styled.div`
${({ isDrawerOpen }) => css`