		@@ -1,26 +0,33 @@
		"use strict";
		(() => {
		"use strict";

		$(document).ready(() => {
		require(["storage"], storage => {
		const toggleButton = $("#toggle-theme");
		const setTheme = (bool) => {
		document.documentElement.setAttribute("dark", bool);
		localStorage.setItem("user:dark", bool);
		}

		const setTheme = dark => {
		const html = $("html");
		let className = null;
		const toggleTheme = (e) => {
		const classBtn = e.target;

		(dark === true \|\| dark === "true") ? className = "on" : className = "off";
		e.stopPropagation();

		html.removeAttr().attr("dark", dark);
		toggleButton.removeClass().addClass(className);
		storage.setItem("user:dark", dark);
		};
		if (classBtn.className === "off") {
		setTheme(true);
		classBtn.className = "on";
		} else {
		setTheme(false);
		classBtn.className = "off";
		}
		}

		const toggleTheme = () => {
		(toggleButton.hasClass("off") === true) ? setTheme(true) : setTheme(false);
		};
		const isDark = JSON.parse(localStorage.getItem("user:dark"));

		(storage.getItem("user:dark") === null) ? setTheme(false) : setTheme(storage.getItem("user:dark"));
		toggleButton.on("click", toggleTheme);
		localStorage.getItem("user:dark") === null ? setTheme(false) : setTheme(isDark);

		});
		});
		document.addEventListener("DOMContentLoaded", () => {
		const toggleBtn = document.querySelector("#toggle-theme");
		isDark ? toggleBtn.classList.add("on") : toggleBtn.classList.add("off");

		toggleBtn.addEventListener("click", toggleTheme, false);
		}, false);
		})()

package.json

		{
		"name": "nodebb-theme-oxide",
		"description": "A theme that is based on the GitHub design.",
		"version": "4.0.20",
		"version": "4.0.21",
		"homepage": "https://github.com/youhosi/nodebb-theme-oxide",
		@@ -6,0 +6,0 @@ "license": "MIT",

nodebb-theme-oxide - npm Package Compare versions

New alerts