1
Fork 0
dark-mode-toggle/app.js
Leonardo Devai b0c420a672 Review and modernize all 42 projects to the updated standard
Pinned 2026 toolchains (Go 1.26, Rust 1.98/edition 2024, Python 3.14 + uv, Node 24,
Zig 0.16, NixOS 26.05), postgres 18 / mongo 8, lockfiles built from, non-root
runtimes, .dockerignore, per-project LICENSE, READMEs with the git.devai.io clone
line, checkout@v7 CI. Security fixes in the legacy Rust APIs (any-password login,
self-assigned admin, hard-coded JWT secret), JWT alg/exp/sub enforcement across the
blog series, safe markdown links in the frontends, and many smaller bugs — every
project was built, run and exercised end to end.

Adds scripts/publish.sh + a CI publish job that splits every folder into its own
repo at git.devai.io/templates/<folder>.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01128fhuZbgivaSJvtMf4s1G
2026-09-27 21:10:38 +02:00

28 lines
1.1 KiB
JavaScript

const toggle = document.getElementById("toggle");
const icon = document.getElementById("toggleIcon");
// The whole theme lives in ONE attribute on <html>. Every color in styles.css is
// a variable that changes with [data-theme="light"] / [data-theme="dark"], so
// flipping this attribute repaints the entire page.
const root = document.documentElement;
// Start with the visitor's saved choice, or else whatever their OS prefers.
function initialTheme() {
const saved = localStorage.getItem("theme");
if (saved === "light" || saved === "dark") return saved;
return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
}
function applyTheme(theme) {
root.dataset.theme = theme;
icon.textContent = theme === "dark" ? "🌙" : "☀️";
toggle.setAttribute("aria-pressed", String(theme === "dark"));
}
toggle.addEventListener("click", () => {
const next = root.dataset.theme === "dark" ? "light" : "dark";
applyTheme(next);
localStorage.setItem("theme", next); // only a real click is remembered
});
applyTheme(initialTheme());