- new blog cms
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
(function () {
|
||||
var root = document.documentElement;
|
||||
var storedMode = localStorage.getItem('neon-mode') || 'dark';
|
||||
var storedAccent = localStorage.getItem('neon-accent') || 'green';
|
||||
var modeButton = document.querySelector('[data-mode-toggle]');
|
||||
|
||||
function applyMode(mode) {
|
||||
root.dataset.mode = mode;
|
||||
localStorage.setItem('neon-mode', mode);
|
||||
if (modeButton) {
|
||||
modeButton.textContent = mode === 'light' ? 'Dark' : 'Light';
|
||||
modeButton.setAttribute('aria-label', mode === 'light' ? 'Use dark mode' : 'Use light mode');
|
||||
}
|
||||
}
|
||||
|
||||
function applyAccent(accent) {
|
||||
root.dataset.accent = accent;
|
||||
localStorage.setItem('neon-accent', accent);
|
||||
}
|
||||
|
||||
applyMode(storedMode);
|
||||
applyAccent(storedAccent);
|
||||
|
||||
if (modeButton) {
|
||||
modeButton.addEventListener('click', function () {
|
||||
applyMode(root.dataset.mode === 'light' ? 'dark' : 'light');
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('[data-accent]').forEach(function (button) {
|
||||
button.addEventListener('click', function () {
|
||||
applyAccent(button.dataset.accent || 'green');
|
||||
});
|
||||
});
|
||||
}());
|
||||
Reference in New Issue
Block a user