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;
});
});
}