diff --git a/dynamic-theme/background.js b/dynamic-theme/background.js
index dbf6d6d8..3adcd5de 100644
--- a/dynamic-theme/background.js
+++ b/dynamic-theme/background.js
@@ -3,20 +3,20 @@ var currentTheme = '';
const themes = {
'day': {
images: {
- headerURL: 'sun.jpg',
+ theme_frame: 'sun.jpg',
},
colors: {
- accentcolor: '#CF723F',
- textcolor: '#111',
+ frame: '#CF723F',
+ tab_background_text: '#111',
}
},
'night': {
images: {
- headerURL: 'moon.jpg',
+ theme_frame: 'moon.jpg',
},
colors: {
- accentcolor: '#000',
- textcolor: '#fff',
+ frame: '#000',
+ tab_background_text: '#fff',
}
}
};
diff --git a/examples.json b/examples.json
index d952b100..1cf99499 100644
--- a/examples.json
+++ b/examples.json
@@ -535,7 +535,7 @@
"name": "theme-switcher"
},
{
- "description": "A collection of themes illustrating:
- weta_fade: a basic theme employing a single image specified in
headerURL:
. - weta_fade_chrome: the weta_fade theme implemented with Chrome compatible manifest keys.
- weta_tiled: a theme using a tiled image.
- weta_mirror: a theme using multiple images and aligning those images in the header.
- animated: use of an animated PNG.
",
+ "description": "A collection of themes illustrating:- weta_fade: a basic theme employing a single image specified in
theme_frame:
. - weta_fade_chrome: the weta_fade theme implemented with Chrome compatible manifest keys.
- weta_tiled: a theme using a tiled image.
- weta_mirror: a theme using multiple images and aligning those images in the header.
- animated: use of an animated PNG.
",
"javascript_apis": [],
"name": "themes"
},
diff --git a/private-browsing-theme/background.js b/private-browsing-theme/background.js
index b229b5e6..963dff8b 100644
--- a/private-browsing-theme/background.js
+++ b/private-browsing-theme/background.js
@@ -8,11 +8,11 @@ function themeWindow(window) {
if (window.incognito) {
browser.theme.update(window.id, {
images: {
- headerURL: "",
+ theme_frame: "",
},
colors: {
- accentcolor: "black",
- textcolor: "white",
+ frame: "black",
+ tab_background_text: "white",
toolbar: "#333",
toolbar_text: "white"
}
diff --git a/theme-integrated-sidebar/README.md b/theme-integrated-sidebar/README.md
index 16f39d05..24d44f0f 100644
--- a/theme-integrated-sidebar/README.md
+++ b/theme-integrated-sidebar/README.md
@@ -10,6 +10,6 @@ How to use the browser.theme.getCurrent(), browser.theme.onUpdated and the sideb
## Instructions to try this
-- Install a WebExtension theme that sets `accentcolor`, `toolbar` or `toolbar_text`
+- Install a WebExtension theme that sets `frame`, `toolbar` or `toolbar_text`
- Install this extension
- The sidebar should then use colors from the WebExtension theme
\ No newline at end of file
diff --git a/theme-integrated-sidebar/sidebar.js b/theme-integrated-sidebar/sidebar.js
index 93e81ba7..7a826d4c 100644
--- a/theme-integrated-sidebar/sidebar.js
+++ b/theme-integrated-sidebar/sidebar.js
@@ -1,10 +1,9 @@
function setSidebarStyle(theme) {
const myElement = document.getElementById("myElement");
- // colors.frame and colors.accentcolor are aliases
- if (theme.colors && (theme.colors.accentcolor || theme.colors.frame)) {
+ if (theme.colors && theme.colors.frame) {
document.body.style.backgroundColor =
- theme.colors.accentcolor || theme.colors.frame;
+ theme.colors.frame;
} else {
document.body.style.backgroundColor = "white";
}
diff --git a/themes/animated/README.md b/themes/animated/README.md
index f1e4744b..ff5f768d 100644
--- a/themes/animated/README.md
+++ b/themes/animated/README.md
@@ -2,7 +2,7 @@
## What it does
-Employs an animated PNG image as the headerURL image in a theme.
+Employs an animated PNG image as the theme_frame image in a theme.
## What it shows
diff --git a/themes/weta_fade/README.md b/themes/weta_fade/README.md
index e2fd8d1a..84e21b72 100644
--- a/themes/weta_fade/README.md
+++ b/themes/weta_fade/README.md
@@ -2,7 +2,7 @@
## What it does
-Employs a PNG image as the headerURL image in a theme.
+Employs a PNG image as the theme_frame image in a theme.
## What it shows