diff options
author | Mario <mario@mariovavti.com> | 2023-01-26 07:22:21 +0000 |
---|---|---|
committer | Mario <mario@mariovavti.com> | 2023-01-26 07:22:21 +0000 |
commit | c4b37ba462e8f3b9296ca04eeb7fe68d13d7eaee (patch) | |
tree | dae599d95ab90ac4207366aa08463b90e4e0eb87 /view | |
parent | c3b908dcfc1d203a87311080f7c8ea1610c432d1 (diff) | |
download | volse-hubzilla-c4b37ba462e8f3b9296ca04eeb7fe68d13d7eaee.tar.gz volse-hubzilla-c4b37ba462e8f3b9296ca04eeb7fe68d13d7eaee.tar.bz2 volse-hubzilla-c4b37ba462e8f3b9296ca04eeb7fe68d13d7eaee.zip |
theme fixes
Diffstat (limited to 'view')
-rw-r--r-- | view/theme/redbasic/js/redbasic.js | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index 7a6d795a4..ea74660b4 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -3,21 +3,28 @@ */ let redbasic_dark_mode = localStorage.getItem('redbasic_dark_mode'); +let redbasic_theme_color = localStorage.getItem('redbasic_theme_color'); -if (redbasic_dark_mode == 1) { +if (redbasic_dark_mode) { + $('html').attr('data-bs-theme', 'dark'); + $('#theme-switch-icon').removeClass('fa-moon-o').addClass('fa-sun-o'); +} +else { $('html').attr('data-bs-theme', 'light'); $('#theme-switch-icon').removeClass('fa-sun-o').addClass('fa-moon-o'); } -if (redbasic_dark_mode == 2) { - $('html').attr('data-bs-theme', 'dark'); - $('#theme-switch-icon').removeClass('fa-moon-o').addClass('fa-sun-o'); -} +if (redbasic_theme_color) { + $('meta[name=theme-color]').attr('content', redbasic_theme_color); +} $(document).ready(function() { - $('meta[name=theme-color]').attr('content', $('nav').css('background-color')); + if (redbasic_theme_color != $('nav').css('background-color')) { + $('meta[name=theme-color]').attr('content', $('nav').css('background-color')); + localStorage.setItem('redbasic_theme_color', $('nav').css('background-color')); + } // CSS3 calc() fallback (for unsupported browsers) $('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>'); @@ -59,15 +66,16 @@ $(document).ready(function() { $('#theme-switch').click(function() { if ($('html').attr('data-bs-theme') === 'dark') { $('html').attr('data-bs-theme', 'light'); - localStorage.setItem('redbasic_dark_mode', 1); + localStorage.removeItem('redbasic_dark_mode'); $('#theme-switch-icon').removeClass('fa-sun-o').addClass('fa-moon-o'); } else { $('html').attr('data-bs-theme', 'dark'); - localStorage.setItem('redbasic_dark_mode', 2); + localStorage.setItem('redbasic_dark_mode', 1); $('#theme-switch-icon').removeClass('fa-moon-o').addClass('fa-sun-o'); } $('meta[name=theme-color]').attr('content', $('nav').css('background-color')); + localStorage.setItem('redbasic_theme_color', $('nav').css('background-color')); }); |