Support icons

Homely/manifest.chrome.json

@@ -19,29 +19,14 @@
         "fontSettings",
         "storage"
     ],
+    "optional_host_permissions": [
+        "*://*/*"
+    ],
     "optional_permissions": [
         "bookmarks",
         "history",
         "management"
     ],
-    "optional_host_permissions": [
-        "https://www.amazon.co.uk/",
-        "https://www.amazon.com/",
-        "http://cart.payments.ebay.co.uk/",
-        "https://www.facebook.com/", "https://m.facebook.com/",
-        "https://github.com/",
-        "https://accounts.google.com/", "https://mail.google.com/",
-        "https://www.linkedin.com/",
-        "https://login.live.com/", "https://*.mail.live.com/",
-        "https://www.reddit.com/",
-        "https://steamcommunity.com/",
-        "https://store.steampowered.com/",
-        "https://ticktick.com/",
-        "https://trello.com/",
-        "https://twitter.com/",
-        "http://api.openweathermap.org/",
-        "http://www.whatismyproxy.com/"
-    ],
     "icons": {
         "16": "res/img/icon-16.png",
         "48": "res/img/logo-48.png",

Homely/manifest.firefox.json

@@ -17,26 +17,13 @@
     "permissions": [
         "storage"
     ],
+    "optional_host_permissions": [
+        "*://*/*"
+    ],
     "optional_permissions": [
         "bookmarks",
         "history",
-        "management",
-        "https://www.amazon.co.uk/",
-        "https://www.amazon.com/",
-        "http://cart.payments.ebay.co.uk/",
-        "https://www.facebook.com/", "https://m.facebook.com/",
-        "https://github.com/",
-        "https://accounts.google.com/", "https://mail.google.com/",
-        "https://www.linkedin.com/",
-        "https://login.live.com/", "https://*.mail.live.com/",
-        "https://www.reddit.com/",
-        "https://steamcommunity.com/",
-        "https://store.steampowered.com/",
-        "https://ticktick.com/",
-        "https://trello.com/",
-        "https://twitter.com/",
-        "http://api.openweathermap.org/",
-        "http://www.whatismyproxy.com/"
+        "management"
     ],
     "icons": {
         "16": "res/img/icon-16.png",

Homely/res/css/homely.css

@@ -68,6 +68,31 @@ body.topbar-fix {
     border-color: #222;
     color: #fff;
 }
+.btn-accent {
+    background-color: #ddd;
+    border-color: #d4d4d4;
+    color: #333;
+}
+.btn-accent:hover,
+.btn-accent:focus,
+.btn-accent:active,
+.btn-accent.active {
+    background-color: #cfcfcf;
+    border-color: #c3c3c3;
+}
+.panel-dark .btn-accent {
+    background-color: #444;
+    border-color: #404040;
+    color: #fff;
+}
+.panel-dark .btn-accent:hover,
+.panel-dark .btn-accent:focus,
+.panel-dark .btn-accent:active,
+.panel-dark .btn-accent.active {
+    background-color: #333;
+    border-color: #222;
+    color: #fff;
+}
 .panel.panel-dark {
     background-color: #222;
     border-color: #080808;
@@ -99,6 +124,17 @@ a {
 #links .panel-body .btn {
     white-space: normal;
 }
+#links .btn-label {
+    position: relative;
+}
+#links .btn-icon {
+    height: 24px;
+    width: 24px;
+    position: absolute;
+    right: calc(100% + 6px);
+    top: 50%;
+    transform: translateY(-50%);
+}
 #links-editor .alert {
     margin-bottom: 0;
 }

Homely/res/js/background.js

@@ -1,3 +1,20 @@
+// Proxy image fetches through the background script to bypass cross-origin canvas tainting
+chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) {
+    if (msg.type === "fetchImage" && msg.url) {
+        fetch(msg.url).then(function(resp) {
+            return resp.blob();
+        }).then(function(blob) {
+            var reader = new FileReader();
+            reader.onloadend = function() {
+                sendResponse({dataUrl: reader.result});
+            };
+            reader.readAsDataURL(blob);
+        }).catch(function() {
+            sendResponse({dataUrl: null});
+        });
+        return true;
+    }
+});
 var links;
 chrome.omnibox.onInputStarted.addListener(function() {
     chrome.storage.local.get("links", function(store) {