skopcaak/skopec.dev
1
1
Fork 0
mirror of https://github.com/pepaskopec-blip/skopec.dev.git synced 2026-10-27 15:14:33 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added light mode option

Browse source
This commit is contained in:
pepaskopec-blip 2026-09-07 09:56:35 +02:00
commit ef65265a6c
7 changed files with 230 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

31
script.js
View file

@ -5,6 +5,37 @@
node.textContent = year;
});
const root = document.documentElement;
const themeToggle = document.querySelector(".theme-toggle");
const themeMeta = document.querySelector('meta[name="theme-color"]');
const themeColors = { dark: "#07090d", light: "#f6f7f9" };
const applyTheme = (theme) => {
root.dataset.theme = theme;
if (themeMeta) themeMeta.setAttribute("content", themeColors[theme]);
if (themeToggle) {
themeToggle.setAttribute(
"aria-label",
theme === "dark" ? "Switch to light mode" : "Switch to dark mode"
);
themeToggle.setAttribute("aria-pressed", theme === "light" ? "true" : "false");
}
};
applyTheme(root.dataset.theme === "light" ? "light" : "dark");
if (themeToggle) {
themeToggle.addEventListener("click", () => {
const next = root.dataset.theme === "light" ? "dark" : "light";
applyTheme(next);
try {
localStorage.setItem("theme", next);
} catch (error) {
/* storage unavailable — theme resets to dark on reload */
}
});
}
const toggle = document.querySelector(".nav-toggle");
const nav = document.querySelector("#site-nav");