Feat : Change title color of release page in dark mode (#5467)
## Issue - close #5459 ## Work Detail Change title color of release page in dark mode. I worked using the useColorScheme and useSystemColorSheme hooks, but if there is a better way, please recommend it. ## Before <img width="606" alt="image" src="https://github.com/twentyhq/twenty/assets/116232939/f5c05360-f1d5-4701-b17d-e3e8a1db65fa"> ## After <img width="565" alt="image" src="https://github.com/twentyhq/twenty/assets/116232939/5f9460d3-db62-461f-b7c2-659a4b687ba9"> --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
This commit is contained in:
@ -35,6 +35,7 @@ const StyledReleaseContainer = styled.div`
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: ${({ theme }) => theme.font.color.primary};
|
||||
margin: ${({ theme }) => theme.spacing(6)} 0px 0px;
|
||||
}
|
||||
code {
|
||||
@ -43,7 +44,7 @@ const StyledReleaseContainer = styled.div`
|
||||
border-radius: 4px;
|
||||
}
|
||||
p {
|
||||
color: #474747;
|
||||
color: ${({ theme }) => theme.font.color.secondary};
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: ${({ theme }) => theme.font.size.md};
|
||||
line-height: 19.5px;
|
||||
@ -54,6 +55,7 @@ const StyledReleaseContainer = styled.div`
|
||||
`;
|
||||
|
||||
const StyledReleaseHeader = styled.h2`
|
||||
color: ${({ theme }) => theme.font.color.primary};
|
||||
font-weight: ${({ theme }) => theme.font.weight.medium};
|
||||
line-height: 18px;
|
||||
font-size: ${({ theme }) => theme.font.size.md};
|
||||
|
||||
Reference in New Issue
Block a user