Skip to content

Dark Mode Input Background #18874

@nessimabadi

Description

@nessimabadi

Package

filament/forms

Package Version

v4.4.0

Laravel Version

v12.44

Livewire Version

v3.7.3

PHP Version

PHP 8.4.15

Problem description

Follow up on the changes made on this PR #18778

When upgrading to 4.4.0 and using the tailwindcss/forms plugin, the inputs background in dark mode are white

Expected behavior

Background is dark

Steps to reproduce

  1. Clone the repository
  2. Run composer install
  3. Run npm install
  4. Run npm run dev
  5. Run php artisan serve
  6. Visit http://localhost:8000
  7. Click the dark mode button to enable dark mode
  8. Observe the wrong background for the text input
  9. Comment out the @plugin "@tailwindcss/forms"; in resources/css/app.css
  10. Observe the right background for the text input

Reproduction repository (issue will be closed if this is not valid)

https://github.com/nessimabadi/filament-test-bg

Relevant log output

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Done

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions