FilamentF
Filament•2y ago
Tjiel

Is there a way to use the filament colors in a custom theme

Hey all, I am working on a project with multi tenancy and I want to use the tenant's colors to be used in a custom theme.

Currently I have a middleware to set the filament colors:
 public function handle(Request $request, Closure $next): Response
    {
        $tenant = tenant();

        if ($tenant) {
            if ($tenant->admin_primary_color) {
                FilamentColor::register(['primary' => $tenant->admin_primary_color]);
            }

This is working great, but the problem i'm having is that I want to change the colors of the sidebar, topbar and more. I already have created a custom theme, here is the start of it: 
@import '/vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';

.fi-sidebar-header, .fi-topbar > nav, .fi-body {
    background-color: #EE8225;
}

So basicly my question is, how can I use the registered primary color in the theme.css, so I can for example change the background color of the sidebar.
Was this page helpful?