From 81e8f490332c20b69daa86e15421ede2ea2c5323 Mon Sep 17 00:00:00 2001
From: H0onnn <116232939+H0onnn@users.noreply.github.com>
Date: Mon, 20 May 2024 00:26:29 +0900
Subject: [PATCH] Feat : Change title color of release page in dark mode
 (#5467)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 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>
---
 packages/twenty-front/src/pages/settings/Releases.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/pages/settings/Releases.tsx b/packages/twenty-front/src/pages/settings/Releases.tsx
index 1fbe5b50c..7fa08d3bf 100644
--- a/packages/twenty-front/src/pages/settings/Releases.tsx
+++ b/packages/twenty-front/src/pages/settings/Releases.tsx
@@ -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};