Disabling dark mode for form component

I have created a custom form component and embedded the component on a page. I have also disabled darkMode for the panel using panel configuration

->darkMode(false)

->darkMode(false)

which has disabled the same on admin panel. But the form component added to a view is displayed in

darkMode

darkMode

.

I tried to disable the same using Javascript, but it doesn't work.

localStorage.theme = 'light';
document.documentElement.classList.remove('dark')

localStorage.theme = 'light';
document.documentElement.classList.remove('dark')

The form is basically using OS default theme instead, which in my case is dark.

I also tried with

darkMode: 'class'

darkMode: 'class'

tailwind.config.js

tailwind.config.js

Filament•3y ago•

1 reply

I have created a custom form component and embedded the component on a page. I have also disabled darkMode for the panel using panel configuration

->darkMode(false)

->darkMode(false)

which has disabled the same on admin panel. But the form component added to a view is displayed in

darkMode

darkMode

.

I tried to disable the same using Javascript, but it doesn't work.

localStorage.theme = 'light';
document.documentElement.classList.remove('dark')

localStorage.theme = 'light';
document.documentElement.classList.remove('dark')

The form is basically using OS default theme instead, which in my case is dark.

I also tried with

darkMode: 'class'

darkMode: 'class'

tailwind.config.js

tailwind.config.js