Estilos
Puedes modificar los colores del toast a partir de las variables css
.an-toast-container {
--border: 240 5.9% 90%;
--foreground: 240 10% 3.9%;
--secondary-foreground: 240 3.8% 46.1%;
--shadow: 240 3.8% 46.1%;
--info: 196 77% 38%;
--success: 103 83% 25%;
--warning: 31 95% 57%;
--error: 360 80% 62%;
--background: 0 0% 100%;
}
Si deseas modificar el card de las distinas variantes lo puedes hacer de la siguiente manera
[data-variant="success"] {
--success: 103 83% 25%;
background: linear-gradient(to right, #e3f4e3, white);
}
[data-variant="error"] {
--error: 360 80% 22%;
background: linear-gradient(to right, #f4e3e6, white);
}
[data-variant="warning"] {
--warning: 31 95% 27%;
background: linear-gradient(to right, #f4f1e3, white);
}
[data-variant="info"] {
--info: 196 77% 28%;
background: linear-gradient(to right, #e3e4f4, white);
}