hazza/hinode
1
0
Fork 0
mirror of https://github.com/gethinode/hinode.git synced 2025-10-07 01:54:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sync color mode when navigating browser history

Browse Source
This commit is contained in:
Mark Dumay
2024-06-03 11:31:10 +02:00
parent 95ded6296c
commit 20cad07a0b
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/js/critical/color.js
View File

@@ -42,6 +42,10 @@
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
document.querySelectorAll('.navbar-mode-selector').forEach(chk => {
chk.checked = (document.documentElement.getAttribute('data-bs-theme') === 'light')
})
}
// alternates the currently active theme
@@ -58,26 +62,31 @@
window.addEventListener('DOMContentLoaded', () => {
setTheme(getTheme())
const light = (document.documentElement.getAttribute('data-bs-theme') === 'light')
document.querySelectorAll('.ball').forEach(ball => {
ball.classList.add('notransition');
})
const chk = document.querySelectorAll('.navbar-mode-selector')
for (let i = 0; i < chk.length; ++i) {
if (document.documentElement.getAttribute('data-bs-theme') === 'light') {
chk[i].click()
}
chk[i].addEventListener('change', function () {
document.querySelectorAll('.navbar-mode-selector').forEach(chk => {
chk.checked = light
chk.addEventListener('change', function () {
toggleTheme()
})
}
})
document.querySelectorAll('.ball').forEach(ball => {
ball.offsetHeight; // flush css changes
ball.classList.remove('notransition');
})
})
window.addEventListener('load', () => {
const light = (document.documentElement.getAttribute('data-bs-theme') === 'light')
document.querySelectorAll('.navbar-mode-selector').forEach(chk => {
chk.checked = light
})
});
})()
{{- end -}}