button değil de <a olarak dener misiniz illa button kullanmanıza gerek yok
<a href="javascript:;" title="Tema Modu"onclick="$('#theme_modal').modal({ fadeDuration: 250, keepelement: true }); return false;"><i class="fas fa-moon"></i></a>
şu kod işinize yarayacaktır, kendinize göre düzenleme sağlayabilirsiniz.
Yardımlarınız için teşekkür ederim.
Alıntı
<div align="right">
<a title="Gece Modu"onclick="$('#theme_modal').modal({ fadeDuration: 250, keepelement: true }); return false;" href="javascript
:;" type="image" id="night-mode"><i class="far fa-moon fa-2x" style="color:#d3d1cb"></i></a>
</div>
bu şekilde yaptım