add in different theme images (mdn#294)

Frank-Steiner · Oct 6, 2017 · 93711a6 · 93711a6
1 parent f635b67
commit 93711a6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/beastify/README.md b/beastify/README.md
@@ -25,6 +25,7 @@ When the user clicks the reset button, the page reloads, and reverts to its orig
 ## What it shows ##
 
 * write a browser action with a popup
+* how to have different browser_action images based upon the theme
 * give the popup style and behavior using CSS and JS
 * inject a content script programmatically using `tabs.executeScript()`
 * send a message from the main extension to a content script

diff --git a/beastify/icons/beasts-32-light.png b/beastify/icons/beasts-32-light.png
diff --git a/beastify/icons/beasts-32.png b/beastify/icons/beasts-32.png
diff --git a/beastify/manifest.json b/beastify/manifest.json
@@ -11,14 +11,19 @@
 
   "permissions": [
     "activeTab"
-  ],  
+  ],
 
   "browser_action": {
     "default_icon": "icons/beasts-32.png",
+    "theme_icons": [{
+        "light": "icons/beasts-32-light.png",
+        "dark": "icons/beasts-32.png",
+        "size": 32
+    }],
     "default_title": "Beastify",
     "default_popup": "popup/choose_beast.html"
   },
-  
+
   "web_accessible_resources": [
     "beasts/frog.jpg",
     "beasts/turtle.jpg",