Fix colors in Mantine select (#37660)

frontend/src/metabase/ui/components/inputs/Select/Select.styled.tsx

@@ -133,6 +133,10 @@ export const getSelectItemsOverrides = (
         color: theme.fn.themeColor("brand"),
         backgroundColor: theme.fn.themeColor("brand-lighter"),
       },
+      "&[data-selected]": {
+        color: theme.fn.themeColor("text-white"),
+        backgroundColor: theme.fn.themeColor("brand"),
+      },
       "&[data-disabled]": {
         color: theme.fn.themeColor("text-light"),
       },

frontend/src/metabase/ui/utils/colors.ts

@@ -23,6 +23,7 @@ const ORIGINAL_COLORS = [
 const CUSTOM_COLORS = [
   "brand",
   "brand-lighter",
+  "text-white",
   "text-light",
   "text-medium",
   "text-dark",