Define color gradient background

1 files changed, 91 insertions, 11 deletions

diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml
index a32742c..9bd9440 100644
--- a/qml/mw-ui.qml
+++ b/qml/mw-ui.qml
@@ -4,6 +4,7 @@ import QtQml.Models 2.1
 import QtQuick.Layouts 1.3
 import QtQuick.Controls 1.4
 import QtQuick.Controls.Styles 1.4
+import QtGraphicalEffects 1
 
 Rectangle {
     id: box
@@ -38,7 +39,17 @@ Rectangle {
         Rectangle {
             property var title: qsTr("Welcome")
             width: view.width; height: view.height
-            color: "#FFFEF0"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Label {
                 text: qsTr("Welcome to Mageia, %1").arg(user)
                 font.bold: true
@@ -57,7 +68,17 @@ and help you with the configuration of your newly installed system.
         Rectangle {
             property var title: qsTr("Media sources")
             width: view.width; height: view.height
-            color: "#F0FFF7"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Column {
                 anchors.left: parent.left
                 anchors.verticalCenter:  parent.verticalCenter
@@ -171,7 +192,17 @@ and help you with the configuration of your newly installed system.
         Rectangle {
             property var title: "Update"
             width: view.width; height: view.height
-            color: "#F4F0FF"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Column {
                 anchors {left: parent.left; verticalCenter:  parent.verticalCenter; leftMargin: 10}
                 Label { text: qsTr("Update"); font.bold: true;  }
@@ -209,7 +240,17 @@ It is highly recommended that you update your system regularly. An Update icon w
         Rectangle {
             property var title: "MCC"
             width: view.width; height: view.height
-            color: "#F4F0FF"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Column {
                    anchors.left: parent.left
                    anchors.verticalCenter:  parent.verticalCenter
@@ -264,7 +305,17 @@ It is highly recommended that you update your system regularly. An Update icon w
         Rectangle {
             property var title: "Install software"
             width: view.width; height: view.height
-            color: "#F4F0FF"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Column {
                    anchors.left: parent.left
                    anchors.verticalCenter:  parent.verticalCenter
@@ -317,6 +368,9 @@ It is highly recommended that you update your system regularly. An Update icon w
                        anchors.verticalCenter:  parent.verticalCenter
                        Button {
                            id: rpmdrake
+                           objectName: "launch"
+                           onClicked: {
+                               launch.command(["rpmdrake",])}
                            style: ButtonStyle {
                                label: Label {
                                    text: qsTr("RPMdrake")+" *";
@@ -337,8 +391,17 @@ It is highly recommended that you update your system regularly. An Update icon w
         Rectangle {
             property var title: "Applications"
             width: view.width; height: view.height
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
 
-            color: "#F4F0FF"
             Column {
 
                 Rectangle {
@@ -517,7 +580,17 @@ It is highly recommended that you update your system regularly. An Update icon w
         Rectangle {
             property var title: "Your configuration"
             width: view.width; height: view.height
-            color: "#F4F0FF"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             ListView {
                 id: confList
                 anchors.fill: parent
@@ -532,7 +605,17 @@ It is highly recommended that you update your system regularly. An Update icon w
         Rectangle {
             property var title: "More information"
             width: view.width; height: view.height
-            color: "#F4F0FF"
+            LinearGradient {
+                anchors.fill: parent
+                start: Qt.point(0, 0)
+                end: Qt.point(0, 1000)
+                gradient: Gradient {
+                    GradientStop { position: 0.0; color: "white" }
+                    GradientStop { position: 1.0; color: "#2397D4" }
+                }
+
+            }
+
             Column {
                 anchors.left: parent.left
                 anchors.verticalCenter:  parent.verticalCenter
@@ -581,9 +664,6 @@ It is highly recommended that you update your system regularly. An Update icon w
                         }
                     }
                 }
-
-
-                Component.onDestruction: if (printDestruction) print("destroyed 3")
             }
         }