From 443fb5315806513411730f1547564e1bf2c7e626 Mon Sep 17 00:00:00 2001 From: Sage Bain <47053579+Shyesta@users.noreply.github.com> Date: Mon, 27 May 2024 13:18:12 -0700 Subject: [PATCH] Updated Past Events Font-Color to Primary for Visibility (#5572) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Issue: [#5164](https://github.com/twentyhq/twenty/issues/5164) Updated font-color of the title of past calendar events to be primary to improve visibility. Calendar event time font-color remains unchanged. Before: ![image](https://github.com/twentyhq/twenty/assets/47053579/8556eefb-d79e-4924-a15b-1609c0720aa3) After: ![image](https://github.com/twentyhq/twenty/assets/47053579/a2d3639c-0a04-4db6-998e-f76b01e1e392) The year in month-year at the top of these screenshots also appears to be in tertiary font-color which can be adjusted too if that feels not visible enough. --------- Co-authored-by: ktang520 Co-authored-by: Félix Malfait --- .../activities/calendar/components/CalendarEventRow.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx index faddcb77021b..78781a277ca6 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -48,7 +48,7 @@ const StyledAttendanceIndicator = styled.div<{ active?: boolean }>` const StyledLabels = styled.div` align-items: center; display: flex; - color: ${({ theme }) => theme.font.color.tertiary}; + color: ${({ theme }) => theme.font.color.primary}; gap: ${({ theme }) => theme.spacing(2)}; flex: 1 0 auto; `; @@ -56,6 +56,7 @@ const StyledLabels = styled.div` const StyledTime = styled.div` align-items: center; display: flex; + color: ${({ theme }) => theme.font.color.tertiary}; gap: ${({ theme }) => theme.spacing(1)}; width: ${({ theme }) => theme.spacing(26)}; `;