Как изменить цвет реакции-выберите

Question

Я не уверен, как изменить цвет с синего по умолчанию на что-то другое.Пример кода находится в ссылке codeandbox ниже.Я попытался изменить стиль для root, но безуспешно.

https://codesandbox.io/s/ly87zo23kl

Answer 1

Версия 2.1.0 из react-select добавила возможность переопределения темы.

Вот пример того, как это работает:

<Select
    defaultValue={flavourOptions[0]}
    label="Single select"
    options={flavourOptions}
    theme={(theme) => ({
      ...theme,
      borderRadius: 0,
      colors: {
      ...theme.colors,
        text: 'orangered',
        primary25: 'hotpink',
        primary: 'black',
      },
    })}
  />

Вы можете найти здесь полная документация и живой пример и здесь различные переменные, которые могут быть перезаписаны.