Skip to content

Commit

Permalink
Feat : Change title color of release page in dark mode (twentyhq#5467)
Browse files Browse the repository at this point in the history
## Issue

- close twentyhq#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>
  • Loading branch information
H0onnn and FelixMalfait committed May 19, 2024
1 parent 66637a3 commit 81e8f49
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion packages/twenty-front/src/pages/settings/Releases.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ const StyledReleaseContainer = styled.div`
}
h3 {
color: ${({ theme }) => theme.font.color.primary};
margin: ${({ theme }) => theme.spacing(6)} 0px 0px;
}
code {
Expand All @@ -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;
Expand All @@ -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};
Expand Down

0 comments on commit 81e8f49

Please sign in to comment.