© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
1 reply
Gaspar

Table builder > Tailwind CSS > darkMode: 'class' not working

3️⃣v3Table builder
Installed Tailwind CSS based on this:
https://filamentphp.com/docs/3.x/tables/installation#installing-tailwind-css

In the
tailwind.config.preset
tailwind.config.preset
there is darkMode "mode" defined:
export default {
    darkMode: 'class',
    ...
}
export default {
    darkMode: 'class',
    ...
}

Basically it means i can control dark/lightMode with classname.

But it doesn't work 😦

My Filament Table has still MEDIA query attached:
@media (prefers-color-scheme: dark) {
  .dark\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .dark\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}


How do you resolve it?
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Tailwind css class not generate
FilamentFFilament / ❓┊help
3y ago
Some Tailwind CSS classes not working?
FilamentFFilament / ❓┊help
3y ago
Dafault Css/Tailwind Not working in production
FilamentFFilament / ❓┊help
2y ago
Custom theme - Tailwind class not included in built css
FilamentFFilament / ❓┊help
2y ago