rename from some options to favourite colour

favourite-colour/README.md

@@ -0,0 +1,4 @@
+# Favourite Colour
+
+Shows and stores your favourite color, in chrome.storage.local
+in the about:addons page for the addon.

favourite-colour/background.js

@@ -0,0 +1,5 @@
+function handleClick() {
+  chrome.runtime.openOptionsPage();
+}
+
+chrome.browserAction.onClicked.addListener(handleClick);

favourite-colour/manifest.json

@@ -1,7 +1,7 @@
 {
   "applications": {
     "gecko": {
-      "id": "favourite-colour@mozilla.org",
+      "id": "some-options@mozilla.org",
       "strict_min_version": "47.0a1"
     }
   },
@@ -16,7 +16,7 @@
   "manifest_version": 2,
   "name": "Favourite colour",
   "options_ui": {
-      "page": "options.html",
+      "page": "options.html"
   },
   "permissions": ["storage"],
   "version": "1.0"

favourite-colour/options.js

@@ -0,0 +1,14 @@
+function saveOptions(e) {
+  chrome.storage.local.set({
+    colour: document.querySelector("#colour").value
+  });
+}
+
+function restoreOptions() {
+  chrome.storage.local.get('colour', (res) => {
+    document.querySelector("#colour").value = res.colour || 'Firefox red';
+  });
+}
+
+document.addEventListener('DOMContentLoaded', restoreOptions);
+document.querySelector("form").addEventListener("submit", saveOptions);