summaryrefslogtreecommitdiffstats
path: root/assets/js/theme-switch.js
diff options
context:
space:
mode:
authorSimone Bortolin <simonebortolin@users.noreply.github.com>2022-08-04 15:30:40 +0200
committerSimone Bortolin <simonebortolin@users.noreply.github.com>2022-12-19 22:48:05 +0100
commit0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad (patch)
tree52306d80b5cf0ae4e8b463e9401cdad51c84a558 /assets/js/theme-switch.js
downloadhack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar.gz
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar.bz2
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar.lz
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar.xz
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.tar.zst
hack-gpon.github.io-0df87a53ed7f7620b0ae7f5b0859427a93b1d1ad.zip
Diffstat (limited to '')
-rw-r--r--assets/js/theme-switch.js21
1 files changed, 21 insertions, 0 deletions
diff --git a/assets/js/theme-switch.js b/assets/js/theme-switch.js
new file mode 100644
index 0000000..148ef26
--- /dev/null
+++ b/assets/js/theme-switch.js
@@ -0,0 +1,21 @@
+
+if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+ jtd.setTheme('dark');
+} else {
+ jtd.setTheme('light');
+}
+
+window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+ const newColorScheme = event.matches ? "dark" : "light";
+ jtd.setTheme(newColorScheme);
+});
+
+
+const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
+jtd.addEvent(toggleDarkMode, 'click', function(){
+ if (jtd.getTheme() === 'dark') {
+ jtd.setTheme('light');
+ toggleDarkMode.textContent = 'Preview dark color scheme';
+ } else { jtd.setTheme('dark');
+ toggleDarkMode.textContent = 'Return to the light side'; }
+}); \ No newline at end of file