Filament•4mo ago

How to change the class attribute of Sidebar?

Hello. How to change the class attribute of Sidebar? I want to add a white background and shadow to sidebar.

8 Replies

Abi•4mo ago

Custom Theme https://filamentphp.com/docs/3.x/support/style-customization#applying-styles-to-hook-classes

Style customization - Core Concepts - Filament

WEBMAS•4mo ago

Thank you

WEBMAS•4mo ago

Does not work. I do as in the instructions, but nothing is wrong.

LeandroFerreira•4mo ago

Did you create a custom theme? https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

meebo•4mo ago

Have to go through and recompile with a custom field I believe. The tailwind needs to be compiled with npm run dev or npm run build make sure you read the comments in the box for all steps

WEBMAS•4mo ago

There is no documentation about this anywhere (Can you show me where it is written about this?

meebo•4mo ago

https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

meebo•4mo ago

⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`
⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`
⇂ Finally, run `npm run build` to compile the theme

⇂ First, add a new item to the `input` array of `vite.config.js`: `resources/css/filament/admin/theme.css`
⇂ Next, register the theme in the admin panel provider using `->viteTheme('resources/css/filament/admin/theme.css')`
⇂ Finally, run `npm run build` to compile the theme

Gaming

Programming

How to change the class attribute of Sidebar?