#New Light Theme issue for Notifications

1 messages · Page 1 of 1 (latest)

crisp robin
#

In filament 3.2.132, i am setting notification like this

public function success(string $title = 'Success', string $body = '', string $icon = 'heroicon-o-check-circle', int|string|null $duration = null, array|ActionGroup|Closure $actions = []): Notification
{
$duration = $duration ?? $this->duration;

    return Notification::make()
        ->title($title)
        ->body($body)
        ->success()
        ->color('success')
        ->icon($icon)
        ->iconColor('success')
        ->duration($duration)
        ->actions($actions)
        ->send();
}

in Create Action:
Actions\CreateAction::make()->successNotification(fn () => Toast::success(title: 'Success')),

in dark mode its fine but in light theme it doesn't look good

crisp robin
#

->color('success') this one not looks good in new light theme

#

i mean setting the built-in background color functionality not looks good

runic flax
#

What is „New Light Theme“? A plugin?

crisp robin
#

i don't install any plugin, i freshly installed filament project and i changed the theme mode to light in profile section then this theme is changed i don't change any default colors in filament

runic flax
#

Your screenshot doesn’t look like light theme though

crisp robin
#

but i do artisan optimize:clear and filament:clear still i get this color in light mode

runic flax
#

What’s the output of artisan about for the filament section?

crisp robin
#

Filament ...............................................................................................................
Blade Icons ................................................................................................. NOT CACHED
Packages ............................................................... filament, forms, notifications, support, tables
Panel Components ............................................................................................ NOT CACHED
Version ....................................................................................................... v3.2.132
Views .................................................................................................... NOT PUBLISHED

crimson adder
#

Hmm, can you run npm run build?

#

Also,what about livewire?

crisp robin
#

i working in development and livewire version 3.5.12

crisp robin
#

How to fix it?

runic flax
#

Can you check where the blueish styles come from through DevTools?

crisp robin
#

Can you please explain it more?

runic flax
#

Open DevTools, Inspect some Element and check where the CSS declarations come from. Especially the blue tones. Light mode should be white as in https://demo.filamentphp.com

crisp robin
#

But the demo site version is not the latest one

#

Again i installed the fresh filament project it also shows the light theme mode of the same new light theme i shared

runic flax
#

Please check our DevTools

crimson adder
runic flax
crisp robin
#

finally i found where i made a mistake, sorry for wasting your time and thanks for your cooperation. Actually i overload the filament app.css using PanelsRenderHook::HEAD_END with the default resources/css/app.css