Add Toast primary background color

[nerisonpitogo]

Please add a global toast background color that follows the app theme - primary. In this picture, we can see that the toast is not the same as the primary color. It can be done for each toast but could be better if I just call. $this->success('User created successfully'); rather than adding class for each toast call.

Something like this and each toast will have a bg-primary based on my theme. <x-mary-toast position="toast-top toast-center" class="bg-primary" />

[nerisonpitogo]

I am planning to add switches to let user select theme they want so that toast background must be based on the primary color.

[robsontenorio]

The Toast component follows daisyUI`s design system. The color schema is correct. If you change daisyUI theme the colors will change properly.

https://daisyui.com/components/toast/#toast-top-toast-start

[nerisonpitogo]

OMG. Been finding a solution for this since yesterday. Just to find out that the toast is on 'success' and my buttons are 'primary'. How to use the primary color as the background color instead of the success?

so instead of the $this->success('Permissions saved successfully'); can we use and the rest of the colors? $this->primary('Permissions saved successfully');

[robsontenorio]

You need to have a coherent color schema where primary color must not be the same as success color.