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

3️⃣v3Table builder

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•3y ago•

1 reply

3️⃣v3Table builder

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?