Filament v3 - Is it possible to change css variable for sidebar-width

Question

Is changing the css var for sidebar-width possible? I can't seem to locate any of those css variable definitions.

Documentation mentions about colors but I don't seem able to change them either. Docs mention targeting the classes eg fi-sidebar w-[--sidebar-width]

From the browser dev tools the sidebar width is 20rem, I would like it to be 12rem.

Can anyone shed some more light on the restyling process?

Answer 1

<?php

namespace App\Providers\Filament;

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        $panel->sidebarWidth('12rem');
    }
}