From 174dcae32f6f2ed8954dc9a9e5ff0ce0ef0e9e8e Mon Sep 17 00:00:00 2001
From: Tero Tikkanen <tero.tikkanen@gmail.com>
Date: Fri, 13 Oct 2023 14:36:51 +0300
Subject: [PATCH] Add contrast to select dropdown hover items

---
 components/common/SelectDropdown.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/common/SelectDropdown.tsx b/components/common/SelectDropdown.tsx
index f70720b8..693c31da 100644
--- 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`,