0.7.3 changing <Select> focus ring

[DanSizov]

im trying to change the focus ring color from cyan to indigo-500, custom theme doesnt help, className creates a div-wrapper which parameters also dont work, the version is 0.7.3, i cannot upgrade currently cuz i've tried and i got my componnets css broken completely so i had to downgrade back to 0.7.3, is there any solution for it for this version?

[SutuSebastian]

Did u follow the upgrade guide specified in the release changelog?

especially this part:

[SutuSebastian]

Regarding overriding the border, here's the theme config for select component overriding the border and focus ring color to blue:

import { getTheme, Select } from "flowbite-react";

<Select
  theme={{
    field: {
      select: {
        colors: {
          gray: twMerge(
            getTheme().select.field.select.colors.gray,
            "focus:border-blue-500 focus:ring-blue-500 dark:placeholder:text-blue-400 dark:focus:border-blue-500 dark:focus:ring-blue-500",
          ),
        },
      },
    },
  }}
>
  <option>United States</option>
  <option>Canada</option>
  <option>France</option>
  <option>Germany</option>
</Select>

Result

Note: the default color is gray, but for some reason it has the border and focus ring of cyan.

[DanSizov]

thank you very much, it works, ill try to upgrade with the guide