Filament Table Dark Mode with Jetstream and tailwinds dark mode changing using javascript.
Hi everyone. I am using Filament Table inside my Jetstream v3 dashboard but when I change to dark mode, only the text colour change but the table background stay the same (white).
I am using the tailwind way of changing to dark mode using localstorage as shown in their doc - https://tailwindcss.com/docs/dark-mode.
Advice appreciated!
![](https://utfs.io/f/e751490a-d96c-41d3-b6dd-4d37df2f1e0e-bdcid2.51.29_AM.png)
2 Replies
Make sure you have published tables config & enabled dark mode there.
Also make sure that
darkMode: 'class'
is set in the tailwind.config.jsah I didn't enabled dark mode in filament table config. Thank @z3d0x