Apply Dark Mode Support

[nerisonpitogo]

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]

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>