laravel filament implementing dark mode does not work

Question

I turned it to true but it doesn't work also when i change another thing also doesn't work like:

'sidebar' => [
            'is_collapsible_on_desktop' => true,
            'groups' => [
                'are_collapsible' => true,
            ],
            'width' => null,
            'collapsed_width' => null,
        ],
    ],

Bernhard Kraemer · Accepted Answer · 2023-08-05 11:54:48Z

For anybody who is coming across this post when searching for a solution, why dark mode does not work in Filament v2:

In my case, the issue was that in the "localStorage" the value for "theme" was already set to "system". You can check by running the following in your browser's console:

localStorage.getItem('theme');

If that returns "system", you can resolve the issue by clearing the local storage:

Open the Google Chrome Console by pressing F12 key.
Select "Application" in the console's top menu.
Select "Local Storage" in the console's left menu.
Right-click your site and click "clear" to delete the local storage.

Ravi Misra · Accepted Answer · 2024-08-29 15:47:11Z

Very similar issue with Laravel 10x and Filament v3.

In Firefox, go to Inspector > Storage > Local Storage, then select URL of your site from the left panel. It will reveal the theme key.

Delete the "theme" key.

Reload the page in the browser, now the key will have "system" as the new value (in my case previously it was set to "dark").

Now you can switch between "dark" and "light" modes by clicking the respective button in Firefox Inspector.

Collectives™ on Stack Overflow

laravel filament implementing dark mode does not work

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related