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:", + "description": "A collection of themes illustrating:", "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