DEV Community

Cover image for Personalizar notificaciones en Laravel.
Ariel Mejia for Devscamp

Posted on

Personalizar notificaciones en Laravel.

Dejo este pequeño tip para personalizar las plantillas de las notificaciones en Laravel.

Primero debemos publicar los archivos de las notificaciones:

php artisan vendor:publish --tag=laravel-notifications
Enter fullscreen mode Exit fullscreen mode

Ahora en "resources/views/vendor", ahí podremos editar la plantilla del markdown.

Personalizar los colores

Si necesito personalizar los colores u otras reglas CSS de la plantilla, Laravel nos provee un comando para publicar estos assets:

php artisan vendor:publish --tag=laravel-mail
Enter fullscreen mode Exit fullscreen mode

Ahora en "resources/views/vendor/mail/html/themes/default.css" podremos personalizar los estilos de CSS.

Algunos tips:

  • Para personalizar el enlace del header:
.header a {
    color: #3d4852;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}
Enter fullscreen mode Exit fullscreen mode
  • Para personalizar el boton "primary":
.button-primary {
    background-color: #2d3748;
    border-bottom: 8px solid #2d3748;
    border-left: 18px solid #2d3748;
    border-right: 18px solid #2d3748;
    border-top: 8px solid #2d3748;
}
Enter fullscreen mode Exit fullscreen mode

También puedes personalizar la acción de "error" y "success", justo abajo.

Espero sea de utilidad, saludos!

Top comments (0)