bug: flatpickr color issue !!! #120
Description
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:
-
Inside the
<head>tag:<link rel="stylesheet" href="./node_modules/flatpickr/dist/flatpickr.css" />
-
Just before the closing
</body>tag:<script src="./node_modules/flyonui/flyonui.js"></script> <script src="./node_modules/flatpickr/dist/flatpickr.js"></script>
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.
