admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Feat : Change title color of release page in dark mode (#5467)

Browse Source 
## 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
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/pages/settings/Releases.tsx
View File

@ -35,6 +35,7 @@ const StyledReleaseContainer = styled.div`
} }
h3 { h3 {
color: ${({ theme }) => theme.font.color.primary};
margin: ${({ theme }) => theme.spacing(6)} 0px 0px; margin: ${({ theme }) => theme.spacing(6)} 0px 0px;
} }
code { code {
@ -43,7 +44,7 @@ const StyledReleaseContainer = styled.div`
border-radius: 4px; border-radius: 4px;
} }
p { p {
color: #474747; color: ${({ theme }) => theme.font.color.secondary};
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
font-size: ${({ theme }) => theme.font.size.md}; font-size: ${({ theme }) => theme.font.size.md};
line-height: 19.5px; line-height: 19.5px;
@ -54,6 +55,7 @@ const StyledReleaseContainer = styled.div`
`; `;
const StyledReleaseHeader = styled.h2` const StyledReleaseHeader = styled.h2`
color: ${({ theme }) => theme.font.color.primary};
font-weight: ${({ theme }) => theme.font.weight.medium}; font-weight: ${({ theme }) => theme.font.weight.medium};
line-height: 18px; line-height: 18px;
font-size: ${({ theme }) => theme.font.size.md}; font-size: ${({ theme }) => theme.font.size.md};