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
krekas15mo ago
create custom theme and use css dont EVER edit vendor files
krekas
krekas15mo 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 KesoOP15mo 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
krekas15mo ago
use tailwind classes
Null Keso
Null KesoOP15mo ago
So wait let's say I want to change the sidebar header, how can I add tailwind class on it
krekas
krekas15mo ago
there are plenty examples in the docs also stop replying like that
Null Keso
Null KesoOP15mo ago
oh wait like this one?
No description
krekas
krekas15mo ago
important shouldnt be needed
Null Keso
Null KesoOP15mo ago
Yep just found this one while searching for custom theme here aight thanks
Want results from more Discord servers?
Add your server