13hannes11/hugo-coder-timeline
1
0
Fork 0
mirror of https://github.com/13hannes11/hugo-coder-timeline.git synced 2024-09-04 00:50:58 +02:00
Code Issues Projects Releases Wiki Activity

Store theme only when changed from toggle (#579)

Browse Source 
Otherwise, it never gets changed according to OS settings.

Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com>
This commit is contained in:
Artem Khvastunov
2021-06-25 20:46:44 +02:00
committed by GitHub
parent 621607f9ef
commit 06be775947
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/js/coder.js
View File

@@ -13,7 +13,9 @@ if (localStorage.getItem("colorscheme")) {
if (darkModeToggle) { if (darkModeToggle) {
darkModeToggle.addEventListener('click', () => { darkModeToggle.addEventListener('click', () => {
setTheme(body.classList.contains("colorscheme-dark") ? "light" : "dark"); let theme = body.classList.contains("colorscheme-dark") ? "light" : "dark";
setTheme(theme);
rememberTheme(theme);
}); });
} }
@@ -28,8 +30,11 @@ document.addEventListener("DOMContentLoaded", function () {
function setTheme(theme) { function setTheme(theme) {
body.classList.remove('colorscheme-auto'); body.classList.remove('colorscheme-auto');
const inverse = theme === 'dark' ? 'light' : 'dark'; let inverse = theme === 'dark' ? 'light' : 'dark';
localStorage.setItem('colorscheme', theme);
body.classList.remove('colorscheme-' + inverse); body.classList.remove('colorscheme-' + inverse);
body.classList.add('colorscheme-' + theme); body.classList.add('colorscheme-' + theme);
} }
function rememberTheme(theme) {
localStorage.setItem('colorscheme', theme);
}