Apply new theme (#449)

* Apply new theme

* Fix storybook

* Fixes

* Fix regressions
This commit is contained in:
Charles Bochet
2023-06-26 19:13:04 -07:00
committed by GitHub
parent 2a42ebb70d
commit d6364a9fdd
115 changed files with 818 additions and 721 deletions

View File

@ -7,9 +7,9 @@ type OwnProps = {
const StyledContainer = styled.div`
align-items: center;
color: ${({ theme }) => theme.text40};
color: ${({ theme }) => theme.font.color.tertiary};
display: flex;
font-size: ${({ theme }) => theme.fontSizeSmall}px;
font-size: ${({ theme }) => theme.font.size.sm}px;
padding-left: ${({ theme }) => theme.spacing(14)};
padding-right: ${({ theme }) => theme.spacing(14)};
text-align: center;

View File

@ -1,10 +1,10 @@
import styled from '@emotion/styled';
const Separator = styled.div`
background-color: ${(props) => props.theme.mediumBorder};
background-color: ${({ theme }) => theme.border.color.medium};
height: 1px;
margin-bottom: ${(props) => props.theme.spacing(3)};
margin-top: ${(props) => props.theme.spacing(3)};
margin-bottom: ${({ theme }) => theme.spacing(3)};
margin-top: ${({ theme }) => theme.spacing(3)};
width: 100%;
`;

View File

@ -6,7 +6,7 @@ type OwnProps = {
};
const StyledContainer = styled.div`
font-weight: ${({ theme }) => theme.fontWeightMedium};
font-weight: ${({ theme }) => theme.font.weight.medium};
margin-bottom: ${({ theme }) => theme.spacing(4)};
margin-top: ${({ theme }) => theme.spacing(4)};
`;

View File

@ -6,7 +6,7 @@ type OwnProps = {
};
const StyledSubTitle = styled.div`
color: ${({ theme }) => theme.text60};
color: ${({ theme }) => theme.font.color.secondary};
margin-top: ${({ theme }) => theme.spacing(2)};
`;

View File

@ -6,8 +6,8 @@ type OwnProps = {
};
const StyledTitle = styled.div`
font-size: ${({ theme }) => theme.fontSizeExtraLarge};
font-weight: ${({ theme }) => theme.fontWeightSemibold};
font-size: ${({ theme }) => theme.font.size.xl};
font-weight: ${({ theme }) => theme.font.weight.semiBold};
margin-top: ${({ theme }) => theme.spacing(10)};
`;