chore: use lighter than header color for selected items #1713

h2oai · Dec 5, 2022 · 79291ae · 79291ae
1 parent e6520f9
commit 79291ae
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/ui/src/table.tsx b/ui/src/table.tsx
@@ -433,7 +433,7 @@ const
                 },
                 stylesProps.selected
                   ? {
-                    background: `${cssVar('$neutralLight')} !important`,
+                    background: important(cssVar('$neutralLighter')),
                     '.ms-GroupHeader-check': { opacity: 1 }
                   }
                   : undefined
@@ -465,11 +465,11 @@ const
               background: cssVar('$card'),
               minHeight: 48,
               '&:hover': {
-                background: cssVar('$neutralLight'),
-                border: `${border(2, cssVar('$themePrimary'))} !important`
+                background: cssVar('$neutralLighter'),
+                border: important(border(2, cssVar('$themePrimary')))
               }
             },
-            styleProps.isSelected ? { background: cssVar('$neutralLight') } : undefined
+            styleProps.isSelected ? { background: cssVar('$neutralLighter') } : undefined
           ]
         })
         } />