diff --git a/src/config.json b/src/config.json index d0725ce3f2..5b24006a48 100644 --- a/src/config.json +++ b/src/config.json @@ -4,23 +4,29 @@ "themes": [ { "name": "Apple TV", - "id": "appletv" + "id": "appletv", + "color": "#bcbcbc" }, { "name": "Blue Radiance", - "id": "blueradiance" + "id": "blueradiance", + "color": "#011432" }, { "name": "Dark", "id": "dark", + "color": "#202020", "default": true }, { "name": "Light", - "id": "light" + "id": "light", + "color": "#303030" }, { "name": "Purple Haze", - "id": "purplehaze" + "id": "purplehaze", + "color": "#000420" }, { "name": "WMC", - "id": "wmc" + "id": "wmc", + "color": "#0c2450" } ], "menuLinks": [], diff --git a/src/index.html b/src/index.html index c4716d6186..f6a4a956c8 100644 --- a/src/index.html +++ b/src/index.html @@ -17,6 +17,9 @@ + + + diff --git a/src/scripts/themeManager.js b/src/scripts/themeManager.js index ad7f7887a9..70f4810041 100644 --- a/src/scripts/themeManager.js +++ b/src/scripts/themeManager.js @@ -31,7 +31,8 @@ function getThemeStylesheetInfo(id) { return { stylesheetPath: 'themes/' + theme.id + '/theme.css', - themeId: theme.id + themeId: theme.id, + color: theme.color }; }); } @@ -74,6 +75,8 @@ function setTheme(id) { link.setAttribute('href', linkUrl); themeStyleElement = link; currentThemeId = info.themeId; + + document.getElementById('themeColor').content = info.color; }); }); }