Add contrast to select dropdown hover items

kausaltech · Oct 13, 2023 · 174dcae · 174dcae
1 parent c128dd7
commit 174dcae
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/components/common/SelectDropdown.tsx b/components/common/SelectDropdown.tsx
@@ -81,11 +81,15 @@ function getSelectStyles<Option extends SelectDropdownOption>(
       const { indent } = data;
       const ret = {
         ...provided,
-        color: theme.themeColors.black,
+        color: isSelected
+          ? theme.themeColors.white
+          : isFocused
+          ? theme.themeColors.black
+          : theme.themeColors.black,
         backgroundColor: isSelected
-          ? theme.graphColors.grey020
+          ? theme.graphColors.grey080
           : isFocused
-          ? theme.graphColors.grey005
+          ? theme.graphColors.grey020
           : theme.graphColors.white,
         margin: 0,
         //marginLeft: `${indent ?? 0}rem`,