Fix: Background color selected row + border bottom settings tab (#18870)

<img width="1285" height="73" alt="Capture d’écran 2026-03-23 à 18 58
09"
src="https://github.com/user-attachments/assets/a01cfc8e-6492-4ebe-a47a-b504a73e616c"
/>
<img width="574" height="59" alt="Capture d’écran 2026-03-23 à 18 58
39"
src="https://github.com/user-attachments/assets/4947ec02-e151-48fb-87e9-86dbc0ed4fe9"
/>

packages/twenty-front/src/modules/object-record/record-table/record-table-row/components/RecordTableRowDiv.tsx

@@ -15,7 +15,7 @@ const StyledTr = styled.div<{
     div.table-cell,
     div.table-cell-0-0 {
       &:not(:first-of-type) {
-        background-color: ${themeCssVariables.background.tertiary};
+        background-color: ${themeCssVariables.accent.quaternary};
         border-bottom: 1px solid ${themeCssVariables.border.color.medium};
         border-color: ${themeCssVariables.border.color.medium};
       }

packages/twenty-front/src/modules/ui/layout/tab-list/components/TabList.tsx

@@ -12,6 +12,7 @@ import { styled } from '@linaria/react';
 import { useCallback, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { TabButton } from 'twenty-ui/input';
+import { themeCssVariables } from 'twenty-ui/theme-constants';
 import { TabListDropdown } from './TabListDropdown';
 import { TabListFromUrlOptionalEffect } from './TabListFromUrlOptionalEffect';
 
@@ -22,6 +23,16 @@ const StyledContainer = styled.div`
   position: relative;
   user-select: none;
   width: 100%;
+
+  &::after {
+    background-color: ${themeCssVariables.border.color.light};
+    bottom: 0;
+    content: '';
+    height: 1px;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
 `;
 
 const StyledDropdownContainer = styled.div`