Comment changer la couleur de React-Select

Question

Je ne sais pas comment changer la couleur du bleu par défaut en autre chose. L'exemple de code se trouve dans le lien codesandbox ci-dessous. J'ai essayé de changer le style de root, mais sans succès.

https://codesandbox.io/s/ly87zo23kl

Answer 1

Version 2.1.0 de react-select a ajouté l'option pour remplacer le thème.

Voici un exemple de son fonctionnement:

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

Vous pouvez trouver ici la documentation complète et l'exemple en direct et ici les différentes variables qui peuvent être écrasées.