tiennm99/HugoBlox-kit
1
0 Fork 0
mirror of https://github.com/tiennm99/HugoBlox-kit.git synced 2026-10-13 08:15:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: when toggling day/night mode, also toggle code highlighting theme

Browse Source 
Fix case where code highlighting can be difficult to read after night
mode is toggled by user as the highlight theme remained unchanged.
This commit is contained in:
George Cushen committed 2019-02-05 18:07:55 +00:00
1 parent eb10c222cc
commit 34cf1f0957
2 files changed
+12 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/js/academic.js
+8
View File
@@ -274,12 +274,16 @@
if ($('body').hasClass('dark')) {
$('body').css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 500);
$('body').removeClass('dark');
$('link[title=hl-light]')[0].disabled = false;
$('link[title=hl-dark]')[0].disabled = true;
$('.js-dark-toggle i').removeClass('fa-sun');
$('.js-dark-toggle i').addClass('fa-moon');
localStorage.setItem('dark_mode', '0');
} else {
$('body').css({opacity: 0, visibility: 'visible'}).animate({opacity: 1}, 500);
$('body').addClass('dark');
$('link[title=hl-light]')[0].disabled = true;
$('link[title=hl-dark]')[0].disabled = false;
$('.js-dark-toggle i').removeClass('fa-moon');
$('.js-dark-toggle i').addClass('fa-sun');
localStorage.setItem('dark_mode', '1');
@@ -299,10 +303,14 @@
let dark_mode = parseInt(localStorage.getItem('dark_mode') || default_mode);
if (dark_mode) {
$('body').addClass('dark');
$('link[title=hl-light]')[0].disabled = true;
$('link[title=hl-dark]')[0].disabled = false;
$('.js-dark-toggle i').removeClass('fa-moon');
$('.js-dark-toggle i').addClass('fa-sun');
} else {
$('body').removeClass('dark');
$('link[title=hl-light]')[0].disabled = false;
$('link[title=hl-dark]')[0].disabled = true;
$('.js-dark-toggle i').removeClass('fa-sun');
$('.js-dark-toggle i').addClass('fa-moon');
}
layouts/partials/header.html
+4 -2
View File
@@ -77,9 +77,11 @@
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\">" (printf $css.highlight.url $css.highlight.version .) | safeHTML }}
{{ else }}
{{ if eq ($scr.Get "light") true }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\">" (printf $css.highlight.url $css.highlight.version "github") | safeHTML }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\" title=\"hl-light\">" (printf $css.highlight.url $css.highlight.version "github") | safeHTML }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\" title=\"hl-dark\" disabled>" (printf $css.highlight.url $css.highlight.version "dracula") | safeHTML }}
{{ else }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\">" (printf $css.highlight.url $css.highlight.version "dracula") | safeHTML }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\" title=\"hl-light\" disabled>" (printf $css.highlight.url $css.highlight.version "github") | safeHTML }}
{{ printf "<link rel=\"stylesheet\" href=\"%s\" crossorigin=\"anonymous\" title=\"hl-dark\">" (printf $css.highlight.url $css.highlight.version "dracula") | safeHTML }}
{{ end }}
{{ end }}
{{ end }}