Customizing the Sidebar

Is there a way to customize the default sidebar? Mainly my customizations will revolve around: background colors, app logo and etc. So far I can customize it by editing the filament-panels/components/sidebar/index.php though I'm not sure if this is the appropriate approach.
9 Replies
krekas
krekas2y ago
create custom theme and use css dont EVER edit vendor files
krekas
krekas2y ago
for the logo simply searching logo in the docs would answer your question https://filamentphp.com/docs/3.x/panels/themes#changing-the-logo
Null Keso
Null KesoOP2y ago
hmm ok, then I'll just use css to target specific html elements to change their properties right? e.g. .fi-sidebar-header { color: red; }
krekas
krekas2y ago
use tailwind classes
Null Keso
Null KesoOP2y ago
So wait let's say I want to change the sidebar header, how can I add tailwind class on it
krekas
krekas2y ago
there are plenty examples in the docs also stop replying like that
Null Keso
Null KesoOP2y ago
oh wait like this one?
No description
krekas
krekas2y ago
important shouldnt be needed
Null Keso
Null KesoOP2y ago
Yep just found this one while searching for custom theme here aight thanks

Did you find this page helpful?