1(function ($) { 2 "use strict"; 3 function _kiwikiChangeAdminLabels(label, level, title) { 4 $(label) 5 .parent() 6 .parent() 7 .html( 8 '<td colspan="2" class="kiwiki-styles"><' + 9 level + 10 ">" + 11 title + 12 "</" + 13 level + 14 "></td>" 15 ); 16 } 17 18 var colorscheme = "lightmode"; 19 if ( 20 window.matchMedia && 21 window.matchMedia("(prefers-color-scheme: dark)").matches 22 ) { 23 colorscheme = "darkmode"; 24 console.log(colorscheme); 25 } 26 $(document).on("click", function (event) { 27 var trigger = $("nav.tools>div"); 28 var search = $("div#open-search"); 29 var thememode = $("div#theme-mode"); 30 var fullscreen = $("div#full-screen"); 31 32 var menu = $( 33 "#kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside .kiwiki-main-menu h3" 34 ); 35 36 if ($(event.target).is(trigger)) { 37 if (!$(event.target).hasClass("active")) { 38 $(trigger).removeClass("active"); 39 $(event.target).addClass("active"); 40 } 41 } else { 42 $(trigger).removeClass("active"); 43 } 44 45 if ($(event.target).is(search)) { 46 $( 47 "#dokuwiki__header > .dokuwiki__header__wrapper #dw__search" 48 ).toggleClass("open"); 49 } 50 if ($(event.target).is(fullscreen)) { 51 $("body").toggleClass("fullscreen"); 52 } 53 if ($(event.target).is(menu)) { 54 $(menu).parent().toggleClass("open"); 55 } 56 if ($(event.target).is(thememode)) { 57 if (!!$.cookie("theme")) { 58 if (!$("body").hasClass("darkmode")) { 59 $("body").removeClass("lightmode"); 60 $("body").addClass("darkmode"); 61 document.cookie = "theme=darkmode"; 62 } else { 63 $("body").removeClass("darkmode"); 64 $("body").addClass("lightmode"); 65 document.cookie = "theme=lightmode"; 66 } 67 } else { 68 if (colorscheme == "darkmode") { 69 $("body").addClass("lightmode"); 70 document.cookie = "theme=lightmode"; 71 } else { 72 $("body").addClass("darkmode"); 73 document.cookie = "theme=darkmode"; 74 } 75 } 76 77 /**/ 78 } 79 }); 80 _kiwikiChangeAdminLabels( 81 'label[for="tpl____kiwiki_color__"]', 82 "h3", 83 "Kiwiki" 84 ); 85 _kiwikiChangeAdminLabels( 86 'label[for="tpl____kiwiki_light_colors__"]', 87 "h4", 88 "Light mode colors" 89 ); 90 _kiwikiChangeAdminLabels( 91 'label[for="tpl____kiwiki_dark_colors__"]', 92 "h4", 93 "Dark mode colors" 94 ); 95})(jQuery); 96