Topics

Filament•4d ago

Change side bar background color

how can i change the background of the navigation menu

Solution:

You need to create a custom theme like this : https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme This will create a css file in your /resources/css/filament directory (named theme.css for your panel). And next you can add your customized class on it, like : ```css .fi-sidebar {...

Themes - Panel Builder - Filament

Jump to solution

4 Replies

yebor974•4d ago

You have information about it on https://filamentphp.com/docs/3.x/support/style-customization You can manage a theme and use .fi-sidebar and others to declare css.

Style customization - Core Concepts - Filament

Adnan Yalahow•3d ago

I am quite confused on which file do i need to make change ?

Solution

yebor974•3d ago

You need to create a custom theme like this : https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme This will create a css file in your /resources/css/filament directory (named theme.css for your panel). And next you can add your customized class on it, like :

.fi-sidebar {
    @apply !bg-gray-500;

    .fi-sidebar-header {
      //...
    }

    //...
}

.fi-sidebar {
    @apply !bg-gray-500;

    .fi-sidebar-header {
      //...
    }

    //...
}

dont forget run npm or yarn build / dev

Themes - Panel Builder - Filament

Adnan Yalahow•3d ago

Thank you it worked

Filament is a collection of beautiful full-stack components for Laravel.You can get help using it on our Discord.

16KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Uploads Larger Than 16MBI can't upload files larger than 16MB in FilamentPHP v3. I've already checked the Apache and php.ini Problem with wire:init and $this->table in custom pageWhy does wire:init prevent $this->table from appearing, while the method is being executed on the cu SpatieMediaLibraryFileUpload in Custom PageI have a customized page with a form, the media relationship is working fine, but the image is not d How to execute javascript within a modalI have a modal that is initated with an action: ``` TextColumn::make('order_id') ->action( Ac CreateAction with form() how to use different model than the current one.So I have a tasks table that lists different tasks and have actions that you can take on different r add requiresConfirmation to save action on Edit - ResourceHey there, im trying to add a conditional conformation message when the user clicks the save button How do I attach a livewire event to a Wizard's default action buttons?The `dispatch()` and `dispatchSelf()` methods seem to do nothing. This code works, the `ray()` fire repeater filamentphp without relationshipI want use the repeater to one table without relationship,How can I do it ?multi-tenancyI have a project to run a private school. I wanted to do a multi-tenancy project, and the team shoul tenancy without "{tenantslug}" in URL, and use sesion insteadHi, I'm experimenting with altering the current tenant resolving logic. Right now Filament uses the