What version of FlyonUI are you using?
2.4.0
Which browsers are you seeing the problem on?
No response
Reproduction URL
https://flyonui.com/docs/third-party-plugins/flatpickr/
Describe your issue
input.css content:
@import "tailwindcss";
@plugin "flyonui";
@import "./node_modules/flyonui/variants.css"; /* Require only if you want to use FlyonUI JS component */
@import "./node_modules/flyonui/src/vendor/flatpickr.css";
@source "./node_modules/flyonui/dist/index.js"; /* Require only if you want to use FlyonUI JS component */
package.json content:
{
"name": "flyonui",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"css": "npx @tailwindcss/cli -i ./input.css -o ./output.css --watch"
},
"keywords": [],
"author": "",
"license": "ISC",
"description": "",
"dependencies": {
"@tailwindcss/cli": "^4.1.13",
"flatpickr": "^4.6.13",
"flyonui": "^2.4.0",
"tailwindcss": "^4.1.13"
},
"devDependencies": {
"@iconify-json/tabler": "^1.2.22",
"@iconify/tailwind4": "^1.0.6"
}
}I included the following in my setup:
Despite this setup, I’m still seeing the following output under both light and black themes. The Flatpickr component doesn’t seem to adapt its background color correctly when switching themes.
What version of FlyonUI are you using?
2.4.0
Which browsers are you seeing the problem on?
No response
Reproduction URL
https://flyonui.com/docs/third-party-plugins/flatpickr/
Describe your issue
input.css content:
package.json content:
{ "name": "flyonui", "version": "1.0.0", "main": "index.js", "scripts": { "css": "npx @tailwindcss/cli -i ./input.css -o ./output.css --watch" }, "keywords": [], "author": "", "license": "ISC", "description": "", "dependencies": { "@tailwindcss/cli": "^4.1.13", "flatpickr": "^4.6.13", "flyonui": "^2.4.0", "tailwindcss": "^4.1.13" }, "devDependencies": { "@iconify-json/tabler": "^1.2.22", "@iconify/tailwind4": "^1.0.6" } }I included the following in my setup:
Inside the
<head>tag:Just before the closing
</body>tag:Despite this setup, I’m still seeing the following output under both light and black themes. The Flatpickr component doesn’t seem to adapt its background color correctly when switching themes.