Merge lp:~vthompson/ubuntu-calendar-app/update-app-colors into lp:ubuntu-calendar-app

[Victor Thompson]

*update app color scheme

This branch is mostly food for thought. How do we want this apps color scheme to look? IMO, I think it should be simplified to align a bit more closely with the branch being proposed here. I think there may be better colors to use, but--again--food for thought.

[Victor Thompson (vthompson)]

Just a quick download of my thought process. Really, I think the colors that might look nice would be "tooltip" type light yellows and other subtle colors. I chose the orange/peach scheme to be at least a little bit Ubuntu flavored. I'd rather move the scheme closer to something more subtle.

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

PASSED: Continuous integration, rev:240
http://91.189.93.70:8080/job/ubuntu-calendar-app-ci/382/
Executed test runs:
    SUCCESS: http://91.189.93.70:8080/job/generic-mediumtests-trusty/2035
    SUCCESS: http://91.189.93.70:8080/job/ubuntu-calendar-app-raring-amd64-ci/382
    SUCCESS: http://91.189.93.70:8080/job/ubuntu-calendar-app-saucy-amd64-ci/382
    SUCCESS: http://91.189.93.70:8080/job/ubuntu-calendar-app-trusty-amd64-ci/216

Click here to trigger a rebuild:
http://91.189.93.70:8080/job/ubuntu-calendar-app-ci/382/rebuild

review: Approve (continuous-integration)

[David Planella (dpm)]

Thanks Victor.

I'd like to have some design input/user testing on this one, before we do any changes. It seems the reason we're changing this is because some users found the colour scheme not pleasant. The thing is, we cannot please everyone, and I'd like to avoid a situation where we keep iterating over this while there is so much higher priority tasks before release.

review: Needs Fixing

[Mihir Soni (mihirsoni)]

David, did we got any inputs from design team ?

[David Planella (dpm)]

We discussed this during the sprint in Malta, got input from design and ended up implementing a new color scheme. I'm thus marking this MP as Rejected, as it got superseded by:

https://code.launchpad.net/~popey/ubuntu-calendar-app/new-colours/+merge/220647

review: Disapprove

Unmerged revisions

240. By Victor Thompson on 2014-04-11

Update app colors

=== modified file 'AllDayEventComponent.qml'
--- AllDayEventComponent.qml	2014-04-05 06:36:28 +0000
+++ AllDayEventComponent.qml	2014-04-11 04:33:32 +0000
@@ -16,7 +16,7 @@
 
     height: units.gu(6)
     width: parent.width
-    color: "#105040"
+    color: "#DD4814"
 
     function getAllDayEvents(startDate, endDate) {
         var map = {};
 
=== modified file 'MonthComponent.qml'
--- MonthComponent.qml	2014-03-01 02:39:42 +0000
+++ MonthComponent.qml	2014-04-11 04:33:32 +0000
@@ -58,6 +58,7 @@
         id: ubuntuShape
 
         anchors.fill: parent
+        color: "#FFC793"
         radius: "medium"
 
         Column{
@@ -207,7 +208,7 @@
             text: day.toUpperCase();
             horizontalAlignment: Text.AlignHCenter
             fontSize: root.dayLabelFontSize
-            color: "#AEA79F"
+            color: "#FFFFFF"
         }
     }
 
 
=== modified file 'TimeLineBackground.qml'
--- TimeLineBackground.qml	2013-09-04 13:37:10 +0000
+++ TimeLineBackground.qml	2014-04-11 04:33:32 +0000
@@ -9,7 +9,7 @@
         delegate: Rectangle {
             width: parent.width
             height: units.gu(10)
-            color: ( index % 2 == 0) ? "#4c875b" : "#86c07f"
+            color: ( index % 2 == 0) ? "#FFC793" : "#FF9561"
             Label{
                 id: timeLabel
 
 
=== modified file 'TimeSeparator.qml'
--- TimeSeparator.qml	2013-06-01 11:55:55 +0000
+++ TimeSeparator.qml	2014-04-11 04:33:32 +0000
@@ -3,5 +3,5 @@
 Rectangle {
     id: separator
     height: units.gu(0.5)
-    color: "#c94212"
+    color: "#DD4814"
 }
 
=== modified file 'calendar.qml'
--- calendar.qml	2014-04-05 08:53:53 +0000
+++ calendar.qml	2014-04-11 04:33:32 +0000
@@ -55,9 +55,9 @@
     focus: true
     Keys.forwardTo: [yearView,monthView,weekView,dayView,pageStack.currentPage,tabPage]
 
-    headerColor: "#266249"
-    backgroundColor: "#478158"
-    footerColor: "#478158"
+    headerColor: "#FFFFFF"
+    backgroundColor: "#FFFFFF"
+    footerColor: "#FFFFFF"
     anchorToKeyboard: true
 
     PageStack {