Disable darkmode on Tables only
I have installed filamentphp tables and use them together with livewire.
How can i disable darkmode? I send here my
How can i disable darkmode? I send here my
app.cssapp.css to figure it out:@import 'tailwindcss';
@import '../../vendor/livewire/flux/dist/flux.css';
@import '../../vendor/filament/support/resources/css/index.css';
@import '../../vendor/filament/actions/resources/css/index.css';
@import '../../vendor/filament/forms/resources/css/index.css';
@import '../../vendor/filament/infolists/resources/css/index.css';
@import '../../vendor/filament/schemas/resources/css/index.css';
@import '../../vendor/filament/tables/resources/css/index.css';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@theme {
--color-zinc-50: var(--color-gray-50);
--color-zinc-100: var(--color-gray-100);
--color-zinc-200: var(--color-gray-200);
--color-zinc-300: var(--color-gray-300);
--color-zinc-400: var(--color-gray-400);
--color-zinc-500: var(--color-gray-500);
--color-zinc-600: var(--color-gray-600);
--color-zinc-700: var(--color-gray-700);
--color-zinc-800: var(--color-gray-800);
--color-zinc-900: var(--color-gray-900);
--color-zinc-950: var(--color-gray-950);
}
@theme {
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-600);
--color-accent-foreground: var(--color-white);
}
@layer theme {
.dark {
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-400);
--color-accent-foreground: var(--color-white);
}
}@import 'tailwindcss';
@import '../../vendor/livewire/flux/dist/flux.css';
@import '../../vendor/filament/support/resources/css/index.css';
@import '../../vendor/filament/actions/resources/css/index.css';
@import '../../vendor/filament/forms/resources/css/index.css';
@import '../../vendor/filament/infolists/resources/css/index.css';
@import '../../vendor/filament/schemas/resources/css/index.css';
@import '../../vendor/filament/tables/resources/css/index.css';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@theme {
--color-zinc-50: var(--color-gray-50);
--color-zinc-100: var(--color-gray-100);
--color-zinc-200: var(--color-gray-200);
--color-zinc-300: var(--color-gray-300);
--color-zinc-400: var(--color-gray-400);
--color-zinc-500: var(--color-gray-500);
--color-zinc-600: var(--color-gray-600);
--color-zinc-700: var(--color-gray-700);
--color-zinc-800: var(--color-gray-800);
--color-zinc-900: var(--color-gray-900);
--color-zinc-950: var(--color-gray-950);
}
@theme {
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-600);
--color-accent-foreground: var(--color-white);
}
@layer theme {
.dark {
--color-accent: var(--color-emerald-600);
--color-accent-content: var(--color-emerald-400);
--color-accent-foreground: var(--color-white);
}
}