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 {...
Jump to solution
4 Replies
Julien B. (aka yebor974)
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.
Adnan Yalahow
Adnan YalahowOP5mo ago
I am quite confused on which file do i need to make change ?
Solution
Julien B. (aka yebor974)
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
Adnan Yalahow
Adnan YalahowOP5mo ago
Thank you it worked
Want results from more Discord servers?
Add your server