Merge pull request mdn#412 from rebloor/theme-update

Irene Smith · web-flow · commit 4e6af304b9b4 · 2019-05-22T07:54:24.000-04:00
Theme manifest key updates
diff --git a/themes/animated/manifest.json b/themes/animated/manifest.json
@@ -1,19 +1,19 @@
 {
 
-  "description": "Theme using an animated PNG file as the headerURL image. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
+  "description": "Theme using an animated PNG file as the theme_frame image. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
   "manifest_version": 2,
   "name": "animated",
-  "version": "1.0",
+  "version": "1.1",
   "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/animated",
 
   "theme": {
     "images": {
-      "headerURL": "parrot.png"
+      "theme_frame": "parrot.png"
     },
     
     "colors": {
-       "accentcolor": "#ffffff",
-       "textcolor": "#000"
+       "frame": "#ffffff",
+       "tab_text": "#000"
     }
   }
 }
diff --git a/themes/weta_fade/manifest.json b/themes/weta_fade/manifest.json
@@ -1,19 +1,19 @@
 {
 
-  "description": "Theme using a PNG as the headerURL image, employing a faded edge. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
+  "description": "Theme using a PNG as the theme_frame image, employing a faded edge. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
   "manifest_version": 2,
   "name": "weta_fade",
-  "version": "1.0",
+  "version": "1.1",
   "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade",
 
   "theme": {
     "images": {
-      "headerURL": "weta.png"
+      "theme_frame": "weta.png"
     },
     
     "colors": {
-       "accentcolor": "#adb09f",
-       "textcolor": "#000"
+       "frame": "#adb09f",
+       "tab_text": "#000"
     }
   }
 }
diff --git a/themes/weta_fade_chrome/manifest.json b/themes/weta_fade_chrome/manifest.json
@@ -1,9 +1,9 @@
 {
 
-  "description": "Version of the weta_fade theme using the Chrome compatible manifest keys. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
+  "description": "Version of the weta_fade theme using the Chrome compatible color definitions. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
   "manifest_version": 2,
   "name": "weta_fade_chrome",
-  "version": "1.0",
+  "version": "1.1",
   "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade_chrome",
 
 
diff --git a/themes/weta_mirror/empty.png b/themes/weta_mirror/empty.png
diff --git a/themes/weta_mirror/manifest.json b/themes/weta_mirror/manifest.json
@@ -3,12 +3,11 @@
   "description": "Theme using multiple additional_backgrounds images. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
   "manifest_version": 2,
   "name": "weta_mirror",
-  "version": "1.0",
+  "version": "1.1",
   "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_mirror",
 
   "theme": {
     "images": {
-      "headerURL": "empty.png",
       "additional_backgrounds": [ "weta.png", "weta-left.png"]
     },
 
@@ -17,8 +16,8 @@
     },
     
     "colors": {
-       "accentcolor": "#adb09f",
-       "textcolor": "#000"
+       "frame": "#adb09f",
+       "tab_text": "#000"
     }
   }
 }
diff --git a/themes/weta_tiled/empty.png b/themes/weta_tiled/empty.png
diff --git a/themes/weta_tiled/manifest.json b/themes/weta_tiled/manifest.json
@@ -1,15 +1,14 @@
 {
 
-  "description": "Theme with a single image placed centrally and then tiled. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
+  "description": "Theme with a single image placed centrally and then tiled. Also, illustrates the use of frame_inactive to change the header background color when the browser window isn't in focus. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",
   "manifest_version": 2,
   "name": "weta_tiled",
-  "version": "1.0",
+  "version": "1.1",
   "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_tiled",
 
   "theme": {
     "images": {
-      "headerURL": "empty.png",
-      "additional_backgrounds": [ "weta_for_tiling.png"]
+      "additional_backgrounds": "weta_for_tiling.png"
     },
 
     "properties": {
@@ -18,8 +17,9 @@
    },
     
     "colors": {
-       "accentcolor": "#adb09f",
-       "textcolor": "#000"
+       "frame": "#adb09f",
+       "frame_inactive": "#000",
+       "tab_text": "#000"
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,19 @@`
`1`	`1`	`{`
`2`	`2`
`3`		`- "description": "Theme using an animated PNG file as the headerURL image. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
	`3`	`+ "description": "Theme using an animated PNG file as the theme_frame image. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
`4`	`4`	`"manifest_version": 2,`
`5`	`5`	`"name": "animated",`
`6`		`- "version": "1.0",`
	`6`	`+ "version": "1.1",`
`7`	`7`	`"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/animated",`
`8`	`8`
`9`	`9`	`"theme": {`
`10`	`10`	`"images": {`
`11`		`- "headerURL": "parrot.png"`
	`11`	`+ "theme_frame": "parrot.png"`
`12`	`12`	`},`
`13`	`13`
`14`	`14`	`"colors": {`
`15`		`- "accentcolor": "#ffffff",`
`16`		`- "textcolor": "#000"`
	`15`	`+ "frame": "#ffffff",`
	`16`	`+ "tab_text": "#000"`
`17`	`17`	`}`
`18`	`18`	`}`
`19`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,19 @@`
`1`	`1`	`{`
`2`	`2`
`3`		`- "description": "Theme using a PNG as the headerURL image, employing a faded edge. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
	`3`	`+ "description": "Theme using a PNG as the theme_frame image, employing a faded edge. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
`4`	`4`	`"manifest_version": 2,`
`5`	`5`	`"name": "weta_fade",`
`6`		`- "version": "1.0",`
	`6`	`+ "version": "1.1",`
`7`	`7`	`"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade",`
`8`	`8`
`9`	`9`	`"theme": {`
`10`	`10`	`"images": {`
`11`		`- "headerURL": "weta.png"`
	`11`	`+ "theme_frame": "weta.png"`
`12`	`12`	`},`
`13`	`13`
`14`	`14`	`"colors": {`
`15`		`- "accentcolor": "#adb09f",`
`16`		`- "textcolor": "#000"`
	`15`	`+ "frame": "#adb09f",`
	`16`	`+ "tab_text": "#000"`
`17`	`17`	`}`
`18`	`18`	`}`
`19`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,9 @@`
`1`	`1`	`{`
`2`	`2`
`3`		`- "description": "Version of the weta_fade theme using the Chrome compatible manifest keys. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
	`3`	`+ "description": "Version of the weta_fade theme using the Chrome compatible color definitions. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes",`
`4`	`4`	`"manifest_version": 2,`
`5`	`5`	`"name": "weta_fade_chrome",`
`6`		`- "version": "1.0",`
	`6`	`+ "version": "1.1",`
`7`	`7`	`"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade_chrome",`
`8`	`8`
`9`	`9`