tailwindcss-forms

What version of @tailwindcss/forms are you using? v0.5.7 Describe your issue I read the discussion https://github.com/tailwindlabs/tailwindcss-forms/issues/22. The thread has been closed by adding strategy. Sorry to bring this up again However, the strategy is not easily overridable because it was placed later in the CSS file (at the components layer). No matter the strategy used, should always be a base, ready to be overridden by other stylings. Why the need for overrides? I can't talk for others, as you'll see some of them on the discussion links above, but for me, adds colors that almost always need overriding because they stand out like sore thumbs. What should we do? Can we move CSS declarations of strategy from layer to layer? Basically, modify the code here: https://github.com/tailwindlabs/tailwindcss-forms/blob/c9d9da3e010b194a1f0e9c36fbd98c83e4762840/src/index.js#L353 from to . Why do I, or other similar people, use at all? has its ecosystem, and some 3rd-party components expect to be there as the base. We still want to work with and the people creating those components, even if we are not a fan of the approaches.

What version of @tailwindcss/forms are you using? 0.3.3 What version of Node.js are you using? 14.15.4 What browser are you using? Chrome What operating system are you using? macOS Reproduction repository https://github.com/johnathanludwig/tailwind-forms-dark-mode Describe your issue In light mode you can style a checkbox by setting a background color for the base checkbox, and a text color for the version of the checkbox. With dark mode via the method, the background classes sets both the unchecked and checked color removing the ability to customize. The styling works properly when using for dark mode. Reproduction Steps: 1. Build tailwind using and enable dark mode using the method. 2. Add checkbox with a dark background color class and dark text color class. 3. Enable wrap the checkbox in a class. 4. Check the checkbox Expected Results The text color should be displayed when the checkbox is checked. Actual Results The background color is used for both checked and unchecked checkboxes.

What version of @tailwindcss/forms are you using? ^0.5.10 What version of Node.js are you using? v22.15.0 What browser are you using? Chrome What operating system are you using? macOS Reproduction repository ... Describe your issue I am adding tailwind to a legacy project and therefore I am only importing the theme and utilities as follows; This works and the classes are picked up and working fine. When I add the classes are no longer picked up as though the source is broken. If I change to Then it works again as expected.