Initial commit

Author: maxedahlgren

README.md

@@ -0,0 +1,5 @@
+# Dark Mode Toggle
+
+A simple Firefox extension that creates a toolbar button to toggle dark mode on and off.
+
+Icons modified from originals by ionicons (ionic.io/ionicons).

background.js

@@ -0,0 +1,23 @@
+let isDark;
+
+function updateState() {
+  isDark = browser.browserSettings.overrideContentColorScheme
+    .get({})
+    .then((res) => {
+      isDark = res.value == 'dark';
+      browser.browserAction.setIcon({
+        path: isDark ? "icons/moon.svg" : "icons/sun.svg"
+      });
+    });
+}
+
+function toggleDarkMode() {
+  browser.browserSettings.overrideContentColorScheme
+    .set({ value: isDark ? 'light' : 'dark' })
+    .then(() => { updateState(); });
+}
+
+browser.browserAction.onClicked.addListener(toggleDarkMode);
+
+// update when the extension loads initially
+updateState();

icons/moon.svg

@@ -0,0 +1,22 @@
+{
+  "manifest_version": 2,
+  "name": "Dark Mode Toggle",
+  "version": "1.0",
+  "description": "Toolbar button to toggle dark mode",
+  "icons": {
+    "48": "icons/toggle.svg",
+    "96": "icons/toggle.svg"
+  },
+  "browser_action": {
+    "default_icon": "icons/toggle.svg",
+    "default_title": "Toggle dark mode"
+  },
+  "background": {
+    "scripts": [
+      "background.js"
+    ]
+  },
+  "permissions": [
+    "browserSettings"
+  ]
+}