From abc0de079b895af1b705894eb2b63596e3e37274 Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Tue, 13 Dec 2022 20:44:08 -0600 Subject: add pyssg.xyz configs and templates --- pyssg.xyz/live/static/scripts/theme.js | 35 ++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 pyssg.xyz/live/static/scripts/theme.js (limited to 'pyssg.xyz/live/static/scripts') diff --git a/pyssg.xyz/live/static/scripts/theme.js b/pyssg.xyz/live/static/scripts/theme.js new file mode 100644 index 0000000..a107101 --- /dev/null +++ b/pyssg.xyz/live/static/scripts/theme.js @@ -0,0 +1,35 @@ +// refactored code for a better solution found in: +// https://medium.com/@haxzie/dark-and-light-theme-switcher-using-css-variables-and-pure-javascript-zocada-dd0059d72fa2 +var local_storage = window.localStorage; + +// changed window.onload to document.addEventListener, as suggested here: +// https://stackoverflow.com/a/800010 +document.addEventListener("DOMContentLoaded", function(event) { + let theme = local_storage.getItem('theme'); + + if(theme == null){ + local_storage.setItem('theme', 'theme-dark'); + } + else{ + if(theme == 'theme-dark'){ + setTheme('theme-dark'); + } + else{ + setTheme('theme-light'); + } + } +}) + +function setTheme(themeName){ + local_storage.setItem('theme', themeName) + document.documentElement.className = themeName; +} + +function toggleTheme(){ + if (local_storage.getItem('theme') == 'theme-dark') { + setTheme('theme-light'); + } + else{ + setTheme('theme-dark'); + } +} -- cgit v1.2.3-54-g00ecf