From ec7ad06425aa463f3302c99dd35e47141d01f9ec Mon Sep 17 00:00:00 2001
From: John Kapantzakis <kapantzak@gmail.com>
Date: Thu, 29 Feb 2024 12:56:16 +0200
Subject: [PATCH] Fix select colors

---
 src/components/select/index.js | 4 ++--
 src/theme/dark/colors.js       | 1 +
 src/theme/default/colors.js    | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/select/index.js b/src/components/select/index.js
index 72fe4f02..baf55f58 100644
--- a/src/components/select/index.js
+++ b/src/components/select/index.js
@@ -92,7 +92,7 @@ const makeCustomTheme = theme => selectTheme => {
 
 const getOptionColor = (theme, state) => {
   if (state.isDisabled) return theme.colors.placeholder
-  if (state.isSelected) return theme.colors.bright
+  if (state.isSelected) return theme.colors.selectedStrong
   return theme.colors.textDescription
 }
 
@@ -152,7 +152,7 @@ const makeCustomStyles = (theme, { minWidth, size, ...providedStyles } = {}) =>
     color: getOptionColor(theme, state),
     ":hover": {
       backgroundColor: theme.colors.dropdown,
-      color: theme.colors.bright,
+      color: theme.colors.selectedStrong,
     },
     ...(size === "tiny" ? { fontSize: "12px", minHeight: 28, padding: "4px 8px" } : {}),
   }),
diff --git a/src/theme/dark/colors.js b/src/theme/dark/colors.js
index b624ea9a..401c5a1b 100644
--- a/src/theme/dark/colors.js
+++ b/src/theme/dark/colors.js
@@ -64,6 +64,7 @@ const appColors = {
   separator: rawColors.neutral.grey35,
   controlFocused: rawColors.neutral.white,
   selected: rawColors.neutral.grey55,
+  selectedStrong: rawColors.neutral.white,
   highlight: rawColors.neutral.grey55,
   tooltip: rawColors.neutral.outerSpace,
   bright: rawColors.neutral.white,
diff --git a/src/theme/default/colors.js b/src/theme/default/colors.js
index 98867f57..cc10c168 100644
--- a/src/theme/default/colors.js
+++ b/src/theme/default/colors.js
@@ -64,6 +64,7 @@ const appColors = {
   separator: rawColors.neutral.grey185,
   controlFocused: rawColors.neutral.limedSpruce,
   selected: rawColors.neutral.grey180,
+  selectedStrong: rawColors.neutral.grey50,
   highlight: rawColors.neutral.grey180,
 
   tooltip: rawColors.neutral.shark,