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:
H0onnn
2024-05-20 00:26:29 +09:00
committed by GitHub
parent 66637a3770
commit 81e8f49033

View File

@ -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};