color picker yay

2026-09-09 13:37:35 -07:00
parent 782912c8a6
commit 0e46e65034
6 changed files with 172 additions and 1 deletions
@@ -0,0 +1,35 @@
+const THEME = "theme";
+
+const saveTheme = (themeValue) => {
+	localStorage.setItem(THEME, themeValue);
+};
+
+const themeLight = document.getElementById("theme-light");
+themeLight.addEventListener("input", (e) => {
+	saveTheme(themeLight.value);
+});
+
+const themeAuto = document.getElementById("theme-auto");
+themeAuto.addEventListener("input", (e) => {
+	saveTheme(themeAuto.auto);
+});
+
+const themeDark = document.getElementById("theme-dark");
+themeDark.addEventListener("input", (e) => {
+	saveTheme(themeDark.value);
+});
+
+var currentThemeValue = localStorage.getItem(THEME);
+switch (currentThemeValue) {
+	case "light":
+		themeLight.checked = true;
+		break;
+	case "auto":
+		themeAuto.checked = true;
+		break;
+	case "dark":
+		themeDark.checked = true;
+		break;
+	default:
+		themeAuto.checked = true;
+}