F

Filament•3y ago

Kiran Timsina

Can't get the colors to work

I am trying to follow the statsoverview docs and create some cards like this:
Card::make(
'Idle Bakers',
"$idleBakers"
)->color($idleBakers > 0 ? 'warning' : 'success'),
Card::make(
'Unprocessed Orders',
"$unprocessedOrders"
)->color(($idleBakers && $unprocessedOrders) ? 'danger' : (($unprocessedOrders && !$idleBakers) ? 'warning' : 'success')),
Card::make(
'Ready Orders',
"$readyOrders"
),
Card::make(
'Idle Riders',
"$idleRiders"
)->color(($readyOrders && $idleRiders) ? 'danger' : (($readyOrders && !$idleRiders) ? 'warning' : 'success')),

My tailwind.config.js, vite.config.js and postcss.config.js are as per this doc:
https://filamentphp.com/docs/2.x/admin/appearance#building-themes


Here is my AppServiceProvider
public function boot(): void
{
// Filament::serving(function () {
// // Using Vite
// Filament::registerViteTheme('resources/css/filament.css');
// });
}

I have commented the code becuase it makes the whole ui break as filament.css is not present

Filament

Appearance - Admin Panel - Filament

The elegant TALL stack admin panel for Laravel artisans.