Dark mode with tables and forms
How do I enable dark mode on tables and forms? (I'm not asking for Admin panel)
I have
darkMode: 'class' in tailwind.config.js and put this in my app layout: <body class="dark">. It works for every dark:... class but my Filament tables and forms stay light.6 Replies
Check that dark_mode = true in the filament.php config file.
It is.
In
/admin I can switch from the user menu and it works just fine.Interesting... Sounds like a tailwind config issue from your frontend app
It works for my own
dark: classes I add. I'm not seeing dark: classes on the Filament Table though.
Admin table div: <div class="border border-gray-300 shadow-sm bg-white rounded-xl filament-tables-container dark:bg-gray-800 dark:border-gray-700">
Custom table div: <div class="border border-gray-300 shadow-sm bg-white rounded-xl filament-tables-container">@John it should be enabled in the forms and tables config file as well as the admin panel config
@Dan Harrin Works like a charm! Thanks.