icons

Author: mallowigi

.gitignore

@@ -12,4 +12,5 @@ material-style.min.css
 /__sapper__/
 /static/
 /public/bundle.*
-/public/styles/sass-cache
+/public/styles/sass-cache
+/public/

favicon.ico

@@ -1,6 +1,7 @@
 (function (w,
            storage,
-           panels) {
+           panels,
+           browserAction) {
   const SETTINGS = 'devtools-settings';
   const DEVTOOLS_THEME = 'devtools-theme';
   const DEVTOOLS_FONT = 'devtools-font';
@@ -205,24 +206,22 @@
       if (settings && settings.startsWith('{')) {
         const json = JSON.parse(settings);
         const size    = json[DEVTOOLS_SIZE],
-              theme   = json[DEVTOOLS_THEME],
+              theme   = json[DEVTOOLS_THEME] || 'Material Oceanic',
               current = json[DEVTOOLS_CURRENT],
               family  = json[DEVTOOLS_FONT];
 
         let style = styleBuilder.applyTheme(current, family, size);
         panels.applyStyleSheet(style);
+        browserAction.setIcon({path: `./public/icons/${theme}.svg`}, () => {});
       }
     });
   }
 
-  function init() {
-    themeSetup();
-  }
-
-  init();
+  themeSetup();
 })(
   window,
   chrome.storage.sync,
   chrome.devtools.panels,
+  chrome.browserAction,
 );
 

fetch.js

@@ -10,12 +10,13 @@
     "storage"
   ],
   "browser_action": {
-    "default_icon": "icon.png",
-    "default_title": "Get Material",
+    "default_icon": "icon128.png",
+    "default_title": "Material UI Devtools Settings",
     "default_popup": "/public/index.html"
   },
   "icons": {
     "16": "icon16.png",
+    "32": "icon32.png",
     "48": "icon48.png",
     "128": "icon128.png"
   }