Move images into a separate directory

manifest.json

@@ -6,9 +6,10 @@
   "homepage_url": "http://add0n.com/stylus.html",
   "manifest_version": 2,
   "icons": {
-    "16": "16.png",
+    "16": "/images/icon/16.png",
-    "48": "48.png",
+    "32": "/images/icon/32.png",
-    "128": "128.png"
+    "48": "/images/icon/48.png",
+    "128": "/images/icon/128.png"
   },
   "permissions": [
     "tabs",
@@ -44,10 +45,10 @@
   ],
   "browser_action": {
     "default_icon": {
-      "16": "16w.png",
+      "16": "/images/icon/16w.png",
-      "32": "32w.png",
+      "32": "/images/icon/32w.png",
-      "19": "19w.png",
+      "19": "/images/icon/19w.png",
-      "38": "38w.png"
+      "38": "/images/icon/38w.png"
     },
     "default_title": "Stylus",
     "default_popup": "popup.html"

messaging.js

@@ -94,9 +94,9 @@ function updateIcon(tab, styles) {
 		chrome.browserAction.setIcon({
 			path: {
 				// Material Design 2016 new size is 16px
-				16: '16' + postfix + '.png', 32: '32' + postfix + '.png',
+				16: `/images/icon/16${postfix}.png`, 32: `/images/icon/32${postfix}.png`,
 				// Chromium forks or non-chromium browsers may still use the traditional 19px
-				19: '19' + postfix + '.png', 38: '38' + postfix + '.png',
+				19: `/images/icon/19${postfix}.png`, 38: `/images/icon/38${postfix}.png`,
 			},
 			tabId: tab.id
 		}, () => {

msgbox/msgbox.css

@@ -49,7 +49,7 @@
   width: 0;
   height: 0;
   padding: 0 32px 32px 0;
-  background: url(/32.png);
+  background: url('/images/icon/32.png');
   display: inline-block;
   vertical-align: middle;
   margin-right: .5rem;