Maintain selected row’s background color in row selection (#556)

GoogleChromeLabs · Mar 13, 2024 · d70eaae · d70eaae
1 parent 3814d60
commit d70eaae
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/design-system/src/components/table/components/tableBody/bodyRow.tsx b/packages/design-system/src/components/table/components/tableBody/bodyRow.tsx
@@ -75,7 +75,7 @@ const BodyRow = ({
           ? 'dark:bg-flagged-row-even-dark bg-flagged-row-even-light'
           : 'dark:bg-flagged-row-odd-dark bg-flagged-row-odd-light'
         : isRowFocused
-        ? 'bg-gainsboro dark:bg-outer-space'
+        ? 'bg-selection-yellow-dark dark:bg-selection-yellow-light'
         : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'),
     isDomainInAllowList &&
       !isBlocked &&
@@ -84,7 +84,7 @@ const BodyRow = ({
           ? 'dark:bg-jungle-green-dark bg-leaf-green-dark'
           : 'dark:bg-jungle-green-light bg-leaf-green-light'
         : isRowFocused
-        ? 'bg-gainsboro dark:bg-outer-space'
+        ? 'bg-selection-green-dark dark:bg-selection-green-light'
         : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'),
     cookieKey !== selectedKey &&
       !isBlocked &&

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -189,6 +189,10 @@ module.exports = {
       'leaf-green-dark': '#87DFB2',
       'eerie-black': '#1F1F1F0F',
       'light-yellow': '#FEFCE0',
+      'selection-green-light': '#117347',
+      'selection-green-dark': '#74d47e',
+      'selection-yellow-light': '#8b8f18',
+      'selection-yellow-dark': '#dbdb48',
     },
     borderColor: {
       ...colors,