customeTheme is a prop in Flowbite's theme surrounding the root layout. At this time, if a value such as red-200, which is the defined color of flowbite, is entered instead of [#00c2b3] in the theme, it will operate normally. However, custom colors are not applied. On the other hand, when applied directly to the theme of the Select component itself, custom colors are also applied well. But I would like to include custom colors while setting them globally.
Also, is it correct that you need to set color="primary" to change the style of Select? This seems to be the only way to apply it. At this time, the primary has a blue focus-border color, but I don't know where this is defined. Can't I change this color?
Global theme settings are not applied.
export const customTheme: CustomFlowbiteTheme = { select: { field: { select: { base: "block w-full border disabled:cursor-not-allowed disabled:opacity-50 bg-gray-50 border-gray-300 text-gray-900 focus:border-[#00c2b3] focus:ring-[#00c2b3] dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-[#00c2b3] dark:focus:ring-[#00c2b3] p-2.5 text-sm rounded-lg", }, }, }, };
customeTheme is a prop in Flowbite's theme surrounding the root layout. At this time, if a value such as red-200, which is the defined color of flowbite, is entered instead of [#00c2b3] in the theme, it will operate normally. However, custom colors are not applied. On the other hand, when applied directly to the theme of the Select component itself, custom colors are also applied well. But I would like to include custom colors while setting them globally.
Also, is it correct that you need to set color="primary" to change the style of Select? This seems to be the only way to apply it. At this time, the primary has a blue focus-border color, but I don't know where this is defined. Can't I change this color?