In the docks, I did not find information on how to do this. Maybe I was looking bad.

    1 answer 1

    For SweetAlert, you can change the color through CSS:

    .sweet-alert { background-color: #e2e2e2; }

    or via jQuery:

     $(".sweet-alert").css('background-color', '#e2e2e2');

    UPDATE

    In SweetAlert2, just use the background parameter

      $('#btn1').on('click', function() { swal({ title: 'SweetAlert2!', background: '#f00', text: 'Привет!'}); }); 
     div { margin:50px; } button { padding:15px; font-size: 14px; } 
     <link href="https://cdn.jsdelivr.net/sweetalert2/5.3.1/sweetalert2.min.css" rel="stylesheet"/> <script src="https://cdn.jsdelivr.net/sweetalert2/5.3.1/sweetalert2.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <button id="btn1">Жми!</button> </div>