🎉 Change the background color when you open it

Author: risacan

background.js

@@ -0,0 +1,24 @@
+var numbersReload = 0;
+var observer = new MutationObserver(function (MutationRecords, MutationObserver) {
+  numbersReload++;
+  if (numbersReload == 3){
+    var currentBoard = document.location.href;
+    if(localStorage.getItem(currentBoard)) {
+      $('.board, .board-body').css('background-color',localStorage.getItem(currentBoard));
+      console.log(localStorage.getItem(currentBoard));
+    }
+  }
+});
+
+observer.observe($('body').get(0), {
+  childList: true,
+});
+
+document.addEventListener('Load', function () {
+  var currentBoard = document.location.href;
+  if(localStorage.getItem(currentBoard)) {
+    $('.board, .board-body').css('background-color',localStorage.getItem(currentBoard));
+    console.log(localStorage.getItem(currentBoard));
+  }
+});
+

index.js

@@ -1,11 +1,32 @@
 function click(e) {
-  chrome.tabs.executeScript(null,
-      {code:"$('.board, .board-body').css('background-color','" + e.target.id + "');"});
-  window.close();
+  var currentBoard;
+  chrome.tabs.getSelected(null, function(tab) {
+    currentBoard = tab.url.toString();
+    localStorage.setItem(currentBoard, e.target.id.toString());
+    color = localStorage.getItem(currentBoard);
+    chrome.tabs.executeScript(null,
+      {code:"$('.board, .board-body').css('background-color','" + e.target.id + "');"
+    });
+    chrome.tabs.executeScript(
+      null,
+      {
+        code:"$('.board, .board-body').css('background-color','" + e.target.id + "');",
+        code:"localStorage.setItem('" + currentBoard + "', '" + e.target.id + "');"
+      }
+    );
+  });
 }
+
 document.addEventListener('DOMContentLoaded', function () {
   var buttons = document.querySelectorAll('button');
   for (var i = 0; i < buttons.length; i++) {
     buttons[i].addEventListener('click', click);
   }
+   chrome.tabs.getSelected(null, function(tab) {
+    currentBoard = tab.url.toString();
+    var color = localStorage.getItem(currentBoard);
+    chrome.tabs.executeScript(null,
+      {code:"$('.board, .board-body').css('background-color','" + color + "');"
+    });
+  });
 });

manifest.json

@@ -20,11 +20,11 @@
       "matches": [
         "https://waffle.io/**/*"
       ],
-      "js": ["./node_modules/jquery/dist/jquery.min.js"],
+      "js": ["./node_modules/jquery/dist/jquery.min.js", "./background.js"],
       "run_at": "document_end"
     }
   ],
   "permissions": [
-    "tabs", "http://*/*", "https://*/*", "activeTab"
+    "tabs", "http://waffle.io/**/*", "https://waffle.io/**/*", "activeTab"
   ]
 }