jantinnerezo / livewire-alert

SweetAlert2 wrapper for Livewire
https://livewire-alert.jantinnerezo.com
MIT License
709 stars 73 forks source link

Apply Dark Mode Support #148

Open nerisonpitogo opened 6 months ago

nerisonpitogo commented 6 months ago

I tried modifying the customClass

return [ 'alert' => [ 'position' => 'top-end', 'timer' => 1000000, 'toast' => true, 'text' => null, 'showCancelButton' => false, 'showConfirmButton' => false, ], 'confirm' => [ 'icon' => 'warning', 'position' => 'center', 'toast' => false, 'timer' => null, 'showConfirmButton' => true, 'showCancelButton' => true, 'cancelButtonText' => 'No', 'confirmButtonColor' => '#3085d6', 'cancelButtonColor' => '#d33' ], 'customClass' => [ 'container' => 'text-blue-900', 'popup' => 'text-blue-900', 'header' => 'text-blue-900', 'title' => 'text-blue-900', 'closeButton' => 'text-blue-900', 'icon' => 'text-blue-900', 'image' => 'text-blue-900', 'content' => 'text-blue-900', 'htmlContainer' => 'wew', 'input' => 'text-blue-900', 'inputLabel' => 'text-blue-900', 'validationMessage' => 'text-blue-900', 'actions' => 'text-blue-900', 'confirmButton' => 'text-blue-900', 'denyButton' => 'text-blue-900', 'cancelButton' => 'text-blue-900', 'loader' => 'text-blue-900', 'footer' => 'text-blue-900' ] ];

But I do not see any blue text in the alert.

nerisonpitogo commented 6 months ago

My current solution for now is just this.

<style>
    html.dark .swal2-popup {
        background-color: #4B5563 !important;
        border: 1px solid #D1D5DB !important;
        color: #E5E7EB;
    }
</style>