7x31/mailcow-dockerized
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[BS5] remove ui theme selector - add darkmode toggler

Browse Source
This commit is contained in:
FreddleSpl0it
2022-06-23 16:34:58 +02:00
parent 560df58bb4
commit 052959f435
38 changed files with 233 additions and 286379 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
data/web/js/build/014-mailcow.js
View File

@@ -320,6 +320,28 @@ $(document).ready(function() {
$(tagValuesElem).val(JSON.stringify(value_tags));
$(tagInputElem).val('');
}
// Dark Mode Loader
// check if darkmode is preferred by OS
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
toggleDarkMode();
// check if darkmode is set by localStorage
if (JSON.parse(localStorage.getItem("darkmode")) === true)
toggleDarkMode();
// register dark mode toggle event listener
$('#dark-mode-toggle').click(toggleDarkMode);
// dark mode toggle funtion
function toggleDarkMode(){
if($('#dark-mode-theme').length){
$('#dark-mode-theme').remove();
$('#dark-mode-toggle').prop('checked', false);
localStorage.setItem('darkmode', 'false');
}else{
$('head').append('<link id="dark-mode-theme" rel="stylesheet" type="text/css" href="/css/themes/mailcow-darkmode.css">');
$('#dark-mode-toggle').prop('checked', true);
localStorage.setItem('darkmode', 'true');
}
}
});