Flowbite theme ThemeProps dark attribute does not change if false #581
Description
Describe the bug
When using Flowbite component to create custom theme it does not accept dark: false. All rendered components use dark theme
To Reproduce
Steps to reproduce the behavior:
- Go to root component either
index.tsorApp.tsx - Use
<Flowbite>custom theme component and wrap it around the app container. Setdark: falsein ThemeProps
<Flowbite theme={{
dark: false
}}>
<App {...props} />
</Flowbite>
- Go to inspect tools on browser
- See that
<html class="dark">and all Flowbite components when used within the app render in dark mode
Expected behavior
Flowbite components should render in light mode
System information:
- Device: 2020 Macbook Pro M1
- Resolution: 13.3-inch (2560 × 1600)
- OS: macOS Ventura 13.0.1
- Browser: Brave/Chrome
Project information:
- Tailwind: ^3.1.6
- Flowbite: ^1.5.5
- Flowbite React: ^0.3.7
- Type: CRA