FilamentF
Filament•15mo ago
ChesterS

Change widget icon color

Is it possible to change the color on the widget icons ?
image.png
Solution
You can add an extra attribute (class or id) to your stat widget and then use the child combinator ( > ), for instance:
...
...
->extraAttributes([
    'id' => 'your-stat-widget-id',
    'class' => 'your-stat-widget-class'
])
...
...

...
...
div#your-stat-widget-id > div > div > svg.fi-wi-stats-overview-stat-icon {
    color:blue !important;
}

div.your-stat-widget-class > div > div > span.fi-wi-stats-overview-stat-label {
    color:red !important;
}
...
...
Jump to solution
Was this page helpful?