diff --git a/lib/assets/javascripts/color_mode_picker.js b/lib/assets/javascripts/color_mode_picker.js index b6e6ab21..b3ce96ce 100644 --- a/lib/assets/javascripts/color_mode_picker.js +++ b/lib/assets/javascripts/color_mode_picker.js @@ -5,10 +5,15 @@ * Taken from https://getbootstrap.com/docs/5.3/customize/color-modes/#javascript */ -const getStoredTheme = () => localStorage.getItem('theme') -const setStoredTheme = theme => localStorage.setItem('theme', theme) +function getStoredTheme(){ + return localStorage.getItem('theme') +} -const getPreferredTheme = () => { +function setStoredTheme(theme) { + localStorage.setItem('theme', theme) +} + +function getPreferredTheme() { const storedTheme = getStoredTheme() if (storedTheme) { return storedTheme @@ -17,7 +22,7 @@ const getPreferredTheme = () => { return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' } -const setTheme = theme => { +function setTheme(theme) { let currentTheme = theme || 'auto'; if (theme === 'auto') { if (window.matchMedia('(prefers-color-scheme: dark)').matches) { @@ -44,7 +49,7 @@ window.getCurrentTheme = () => { return document.documentElement.getAttribute('data-bs-theme') || setTheme(getPreferredTheme()); } -const showActiveTheme = (theme, focus = false) => { +function showActiveTheme(theme, focus = false) { const themeSwitcher = document.querySelector('#bd-theme') if (!themeSwitcher) {