Introduced and used AccentColor constant to be used to personalize the application

diff --git a/application/resources/harmattan/qml/PageHeader.qml b/application/resources/harmattan/qml/PageHeader.qml
index 4aba89f..2a41a15 100644 (file)
--- a/application/resources/harmattan/qml/PageHeader.qml
+++ b/application/resources/harmattan/qml/PageHeader.qml
@@ -14,8 +14,8 @@ Rectangle {
                 UiConstants.HeaderDefaultHeightLandscape :
                 UiConstants.HeaderDefaultHeightPortrait
     gradient: Gradient {
-        GradientStop { color: mouse.pressed ? "#040" : "#061"; position: 0.0 }
-        GradientStop { color: "#0a2"; position: 1.0 }
+        GradientStop { color: Qt.darker(UiConstants.AccentColor, mouse.pressed ? 1.5 : 1.25); position: 0.0 }
+        GradientStop { color: Qt.lighter(UiConstants.AccentColor, 1.5); position: 1.0 }
     }
 
     TumblerButtonStyle {

diff --git a/application/resources/harmattan/qml/uiconstants.js b/application/resources/harmattan/qml/uiconstants.js
index aae9bc2..8f9dc5c 100644 (file)
--- a/application/resources/harmattan/qml/uiconstants.js
+++ b/application/resources/harmattan/qml/uiconstants.js
@@ -15,3 +15,5 @@ const SearchBarDefaultHeight = 80
 
 const HeaderFontPixelSize = 32
 const HeaderFontStyle = "Light"
+
+const AccentColor = "#081"