Update used colors on basis of the recommended color palette.

qtdeclarative/examples/quick/animation uses some colors which are not
mentioned on the recommended color palette. They are replaced with
recommended colors.

Task-number: QTBUG-41368
Change-Id: I6f07340735333c5da319fdc59ecf8aa7388ad2a5
Reviewed-by: Topi Reiniö <topi.reinio@digia.com>

4 files changed, 24 insertions, 24 deletions

diff --git a/examples/quick/animation/basics/animators.qml b/examples/quick/animation/basics/animators.qml
index 3454eca13c..df1bd55be7 100644
--- a/examples/quick/animation/basics/animators.qml
+++ b/examples/quick/animation/basics/animators.qml
@@ -48,10 +48,10 @@ Item {
     Rectangle {
         anchors.fill: parent
         gradient: Gradient {
-            GradientStop { position: 0.0; color: "DeepSkyBlue" }
-            GradientStop { position: 0.499; color: "LightSkyBlue" }
-            GradientStop { position: 0.5; color: "ForestGreen" }
-            GradientStop { position: 1.0; color: "DarkGreen" }
+            GradientStop { position: 0.0; color: "#14148c" }
+            GradientStop { position: 0.499; color: "#14aaff" }
+            GradientStop { position: 0.5; color: "#80c342" }
+            GradientStop { position: 1.0; color: "#006325" }
         }
     }
 
diff --git a/examples/quick/animation/basics/color-animation.qml b/examples/quick/animation/basics/color-animation.qml
index 0de4177a9f..a4a149df5c 100644
--- a/examples/quick/animation/basics/color-animation.qml
+++ b/examples/quick/animation/basics/color-animation.qml
@@ -54,16 +54,16 @@ Item {
                 position: 0.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
-                    ColorAnimation { from: "DeepSkyBlue"; to: "#0E1533"; duration: 5000 }
-                    ColorAnimation { from: "#0E1533"; to: "DeepSkyBlue"; duration: 5000 }
+                    ColorAnimation { from: "#14148c"; to: "#0E1533"; duration: 5000 }
+                    ColorAnimation { from: "#0E1533"; to: "#14148c"; duration: 5000 }
                 }
             }
             GradientStop {
                 position: 1.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
-                    ColorAnimation { from: "SkyBlue"; to: "#437284"; duration: 5000 }
-                    ColorAnimation { from: "#437284"; to: "SkyBlue"; duration: 5000 }
+                    ColorAnimation { from: "#14aaff"; to: "#437284"; duration: 5000 }
+                    ColorAnimation { from: "#437284"; to: "#14aaff"; duration: 5000 }
                 }
             }
         }
@@ -113,11 +113,11 @@ Item {
                 position: 0.0
                 SequentialAnimation on color {
                     loops: Animation.Infinite
-                    ColorAnimation { from: "ForestGreen"; to: "#001600"; duration: 5000 }
-                    ColorAnimation { from: "#001600"; to: "ForestGreen"; duration: 5000 }
+                    ColorAnimation { from: "#80c342"; to: "#001600"; duration: 5000 }
+                    ColorAnimation { from: "#001600"; to: "#80c342"; duration: 5000 }
                 }
             }
-            GradientStop { position: 1.0; color: "DarkGreen" }
+            GradientStop { position: 1.0; color: "#006325" }
         }
     }
 }
diff --git a/examples/quick/animation/basics/property-animation.qml b/examples/quick/animation/basics/property-animation.qml
index ae808ba2fe..d237bb1f87 100644
--- a/examples/quick/animation/basics/property-animation.qml
+++ b/examples/quick/animation/basics/property-animation.qml
@@ -48,8 +48,8 @@ Item {
     Rectangle {
         anchors { left: parent.left; top: parent.top; right: parent.right; bottom: parent.verticalCenter }
         gradient: Gradient {
-            GradientStop { position: 0.0; color: "DeepSkyBlue" }
-            GradientStop { position: 1.0; color: "LightSkyBlue" }
+            GradientStop { position: 0.0; color: "#14148c" }
+            GradientStop { position: 1.0; color: "#14aaff" }
         }
     }
 
@@ -57,8 +57,8 @@ Item {
     Rectangle {
         anchors { left: parent.left; top: parent.verticalCenter; right: parent.right; bottom: parent.bottom }
         gradient: Gradient {
-            GradientStop { position: 0.0; color: "ForestGreen" }
-            GradientStop { position: 1.0; color: "DarkGreen" }
+            GradientStop { position: 0.0; color: "#80c342" }
+            GradientStop { position: 1.0; color: "#006325" }
         }
     }
 
diff --git a/examples/quick/animation/behaviors/tvtennis.qml b/examples/quick/animation/behaviors/tvtennis.qml
index b5ad2e8667..46dd861fc8 100644
--- a/examples/quick/animation/behaviors/tvtennis.qml
+++ b/examples/quick/animation/behaviors/tvtennis.qml
@@ -43,7 +43,7 @@ import QtQuick 2.0
 Rectangle {
     id: page
     width: 320; height: 480;
-    color: "Black"
+    color: "#1e1b18"
 
     // Make a ball to bounce
     Rectangle {
@@ -53,7 +53,7 @@ Rectangle {
         property variant direction : "right"
 
         x: 20; width: 20; height: 20; z: 1
-        color: "Lime"
+        color: "#80c342"
 
         // Move the ball to the right and back to the left repeatedly
         SequentialAnimation on x {
@@ -84,7 +84,7 @@ Rectangle {
     // coordinates of the ball.
     Rectangle {
         id: leftBat
-        color: "Lime"
+        color: "#328930"
         x: 2; width: 20; height: 90
         // ![0]
         y: ball.direction == 'left' ? ball.y - 45 : page.height/2 -45;
@@ -93,19 +93,19 @@ Rectangle {
     }
     Rectangle {
         id: rightBat
-        color: "Lime"
+        color: "#328930"
         x: page.width - 22; width: 20; height: 90
         y: ball.direction == 'right' ? ball.y - 45 : page.height/2 -45;
         Behavior on y { SpringAnimation{ velocity: 300 } }
     }
 
     // The rest, to make it look realistic, if neither ever scores...
-    Rectangle { color: "Lime"; x: page.width/2-80; y: 0; width: 40; height: 60 }
-    Rectangle { color: "Black"; x: page.width/2-70; y: 10; width: 20; height: 40 }
-    Rectangle { color: "Lime"; x: page.width/2+40; y: 0; width: 40; height: 60 }
-    Rectangle { color: "Black"; x: page.width/2+50; y: 10; width: 20; height: 40 }
+    Rectangle { color: "#328930"; x: page.width/2-80; y: 0; width: 40; height: 60 }
+    Rectangle { color: "#1e1b18"; x: page.width/2-70; y: 10; width: 20; height: 40 }
+    Rectangle { color: "#328930"; x: page.width/2+40; y: 0; width: 40; height: 60 }
+    Rectangle { color: "#1e1b18"; x: page.width/2+50; y: 10; width: 20; height: 40 }
     Repeater {
         model: page.height / 20
-        Rectangle { color: "Lime"; x: page.width/2-5; y: index * 20; width: 10; height: 10 }
+        Rectangle { color: "#328930"; x: page.width/2-5; y: index * 20; width: 10; height: 10 }
     }
 }