Dark background color

Hi,

I'm trying to make my first filament panels application. I would like to set the background to something dark (black or dark gray, like the dark mode).
I've tried to set the colors in the AdminPanelProvider, but I don't believe there is a "backgroundColor" attribute. I believe that the problem is that it should be dark in the main mode (light mode I guess).

Are there any solutions for this ?
Thanks in advance !

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => '#1662AD',
            ]);
    }
}

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => '#1662AD',
            ]);
    }
}

https://filamentphp.com/docs/3.x/panels/themes

Themes - Panel Builder - Filament

Filament•2y ago•

4 replies

Merlijn01

Dark background color

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => '#1662AD',
            ]);
    }
}

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->default()
            ->id('admin')
            ->path('admin')
            ->login()
            ->colors([
                'primary' => '#1662AD',
            ]);
    }
}

https://filamentphp.com/docs/3.x/panels/themes

Themes - Panel Builder - Filament

Dark background color

Similar Threads

Dark background color

Similar Threads

Similar Threads

Similar Threads