changeset 22:38b20de704a0

Use seperate grey icon for the page action This does not stand out so much as the orange icon espeacially when using dark themes and should be readable on any theme since there is no transparency. Currently there is neither a way for addons to specify themed icons for page actions nor is it possible to use the browser's foreground and background color as native page action icons do.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Sun, 16 Dec 2018 10:22:19 +0100
parents 66e18d77739d
children 7f1b69e9798d
files Makefile icons/feed-preview-action.svg manifest.json.in
diffstat 3 files changed, 19 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/Makefile	Thu Dec 13 12:55:03 2018 +0100
+++ b/Makefile	Sun Dec 16 10:22:19 2018 +0100
@@ -40,6 +40,7 @@
 		content_scripts/feed-probe.js \
 		content_scripts/feed-readers.js \
 		icons/feed-preview.svg \
+		icons/feed-preview-action.svg \
 		$(BITMAP_ICONS) \
 		js/background.js \
 		js/feed-parser.js \
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/icons/feed-preview-action.svg	Sun Dec 16 10:22:19 2018 +0100
@@ -0,0 +1,17 @@
+<!--
+Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>
+
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <rect y="0" width="16" height="16" rx="3" ry="3" fill="#737373"/>
+  <g>
+    <circle cx="4" cy="12" r="2" fill="#f9f9fa"/>
+    <g fill="none" stroke="#f9f9fa" stroke-width="2" stroke-linecap="round">
+      <path d="m3 7c4 0 6 2 6 6"/>
+      <path d="m3 3c6 0 10 4 10 10"/>
+    </g>
+  </g>
+</svg>
--- a/manifest.json.in	Thu Dec 13 12:55:03 2018 +0100
+++ b/manifest.json.in	Sun Dec 16 10:22:19 2018 +0100
@@ -40,7 +40,7 @@
     ],
     "page_action": {
         "browser_style": true,
-        "default_icon": "icons/feed-preview.svg",
+        "default_icon": "icons/feed-preview-action.svg",
         "default_title": "Feeds",
         "default_popup": "popup/feed-selection.html"
     },