MBonaldo/hfs2
1
0
Fork 0
mirror of https://github.com/rejetto/hfs2.git synced 2025-12-19 18:13:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

tpl: defaults to dark theme if the OS says so

Browse Source
This commit is contained in:
Massimo Melina 2020-06-09 00:06:42 +02:00
parent de7f157390
commit e29e86c0bd
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
default.tpl
View File

@ -160,12 +160,17 @@ COMMENT with the ones above you can disable some features of the template. They
<i class="fa fa-globe"></i> {.!title.}
<i class="fa fa-lightbulb" id="switch-theme"></i>
<script>
$('body').addClass(getCookie('theme'))
var themes = ['light','dark']
var themePostfix = '-theme'
var darkOs = window.matchMedia('(prefers-color-scheme:dark)').matches
var curTheme = getCookie('theme')
if (!themes.includes(curTheme))
curTheme = themes[+darkOs]
$('body').addClass(curTheme+themePostfix)
$(function(){
var titleBar = $('#title-bar')
var h = titleBar.height()
var on = true
var k = 'shrink'
window.onscroll = function(){
if (window.scrollY > h)
@ -174,10 +179,11 @@ $(function(){
titleBar.removeClass(k)
}
$('#switch-theme').click(function(ev) {
var k = 'dark-theme';
$('body').toggleClass(k);
setCookie('theme', $('body').hasClass(k) ? k : '');
$('#switch-theme').click(()=>{
$('body').toggleClass(curTheme+themePostfix);
curTheme = themes[themes.indexOf(curTheme) ^1]
$('body').toggleClass(curTheme+themePostfix);
setCookie('theme', curTheme);
});
});
</script>