From 732653034efcc6873169fa93f950550b1b0467d4 Mon Sep 17 00:00:00 2001
From: Akilesh Praveen <akilesh.praveen@gmail.com>
Date: Fri, 21 Jun 2024 07:01:27 -0700
Subject: [PATCH] fix: background colors for record table (#5967)

# Summary
- Address issue #5959
- Update background color on hover & click for record table

# Test Plan

![Kapture 2024-06-19 at 20 32
44](https://github.com/twentyhq/twenty/assets/10789158/18a58c09-040a-47e6-953d-aac6f3803486)
---
 .../record-table/components/RecordTableHeaderCell.tsx        | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx
index 698939c85b8c..9330ff2c54dd 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx
@@ -32,7 +32,10 @@ const StyledColumnHeaderCell = styled.th<{
   ${({ theme }) => {
     return `
     &:hover {
-      background: ${theme.background.quaternary};
+      background: ${theme.background.secondary};
+    };
+    &:active {
+      background: ${theme.background.tertiary};
     };
     `;
   }};