Darker theme for slideshow

1 files changed, 64 insertions, 91 deletions

diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml
index 87617ea..7499873 100644
--- a/qml/mw-ui.qml
+++ b/qml/mw-ui.qml
@@ -10,6 +10,18 @@ Rectangle {
     id: box
     width: 1000; height: 650
     property alias view: view
+
+    Component {
+        id: slidebackground
+        LinearGradient {
+            start: Qt.point(0, 0)
+            end: Qt.point(0, 800)
+            gradient: Gradient {
+                GradientStop { position: 0.0; color: "#2397D4" }
+                GradientStop { position: 1.0; color: "#262F45" }
+            }
+        }
+    }
     Rectangle {
         id: banner
         opacity: 0.95
@@ -50,16 +62,8 @@ Rectangle {
             //: the button in buttons bar
             property var title: qsTr("Welcome")
             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" }
-                }
-
-            }
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             Column {
                 anchors.centerIn: parent
                 anchors.verticalCenter:  parent.verticalCenter
@@ -71,6 +75,7 @@ Rectangle {
                     text: qsTr("Welcome to Mageia, %1").arg(user)+'\n'
                     font.weight: Font.DemiBold
                     font.pixelSize: Qt.application.font.pixelSize * 1.5
+                    color: "white"
                 }
 
                 Label {
@@ -78,6 +83,7 @@ Rectangle {
                     anchors.horizontalCenter:  parent.horizontalCenter
                     text: qsTr("We are going to guide you through a few important steps and help<BR />you with the configuration of your newly installed system.<BR /><BR />Now, click on <i>Media sources</i> to go to the first step.");
                     textFormat: Text.RichText
+                    color: "white"
                 }
             }
         }
@@ -85,23 +91,17 @@ Rectangle {
         Rectangle {
             property var title: qsTr("Media sources")
             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" }
-                }
-
-            }
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
 
             Column {
                 anchors.left: parent.left
                 anchors.leftMargin: 20
                 y: 35
-                Label { text: qsTr("Configure software repositories"); font.bold: true;  }
-                Label { text: qsTr("Mageia official repositories contain:");   }
+                Label { text: qsTr("Configure software repositories"); font.bold: true;
+                    color: "white" }
+                Label { text: qsTr("Mageia official repositories contain:");
+                    color: "white"  }
                 GridLayout {
                     columns: 2
                     Rectangle {id: coreBg
@@ -126,6 +126,7 @@ Rectangle {
                         text: qsTr("- the free-open-source packages");
                         wrapMode: Text.WordWrap
                         Layout.maximumWidth: slideshow.width * .6
+                        color: "white"
                     }
 
                     Rectangle {id: nonfreeBg
@@ -151,6 +152,7 @@ Rectangle {
                         text: qsTr("- closed-source programs, e.g. Nvidia proprietary drivers, non-free drivers for some Wi-Fi cards, etc");
                         Layout.maximumWidth: slideshow.width * .8
                         wrapMode: Text.WordWrap
+                        color: "white"
                     }
                     Rectangle {id: taintedBg
                         LinearGradient {
@@ -174,6 +176,7 @@ Rectangle {
                         text: qsTr("- these packages (eg audio and video codecs needed for certain multimedia files or commercial DVDs) may infringe on patents or copyright laws in certain countries. ");
                         wrapMode: Text.WordWrap
                         Layout.maximumWidth: slideshow.width * .8
+                        color: "white"
                     }
                     Rectangle {
                         color: "lightgrey"
@@ -187,6 +190,7 @@ Rectangle {
                         text: qsTr("- includes software published after a Mageia release, or another version of software already present and not replaced.");
                         wrapMode: Text.WordWrap
                         Layout.maximumWidth: slideshow.width * .8
+                        color: "white"
                     }
                     Button {
                         Layout.maximumWidth: slideshow.width * .25
@@ -218,6 +222,7 @@ Rectangle {
                                qsTr("After you have checked and enabled the repositories you need, you can go to the next slide.<BR />");
                           wrapMode: Text.WordWrap
                           textFormat: Text.RichText
+                          color: "white"
                           Layout.fillWidth: true
                           Layout.maximumWidth: slideshow.width * .85
                         }
@@ -229,6 +234,7 @@ Rectangle {
                     Layout.maximumWidth: slideshow.width * .25
                     wrapMode: Text.WordWrap
                     font.italic: true
+                    color: "white"
                 }
             }
         }
@@ -236,26 +242,19 @@ Rectangle {
         Rectangle {
             property var title: qsTr("Update")
             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" }
-                }
-
-            }
-
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             Column {
                 x:10; y: 30
                 spacing: 10
-                Label { text: qsTr("How Mageia manages updates"); font.bold: true; padding: 10 }
+                Label { text: qsTr("How Mageia manages updates"); font.bold: true; padding: 10
+                    color: "white"}
                 Label {
                     width: slideshow.width * .9
                     padding: 10
                     text: qsTr("Mageia provides software which may be updated in order to fix bugs or security issues. It is highly recommended that you update your system regularly. An Update icon will appear in your task bar when new updates are available. To run the updates, just click on the icon below and give your user password - or use the Software Manager (root password). This is a background process and you will be able to use your computer normally during the updates."+"\n");
                     wrapMode: Text.WordWrap
+                    color: "white"
                 }
 
                 Button {
@@ -296,6 +295,7 @@ Rectangle {
                 text: qsTr("(*) User password is needed")
                 wrapMode: Text.WordWrap
                 font.italic: true
+                color: "white"
             }
         }
         // MCC Page
@@ -303,16 +303,8 @@ Rectangle {
             //: The button in the buttons bar, shortcut for Mageia Control Center
             property var title: qsTr("MCC")
             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" }
-                }
-
-            }
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
 
             Column {
                 x: 10; y: 30
@@ -322,6 +314,7 @@ Rectangle {
                        padding: 10
                        wrapMode: Text.WordWrap
                        textFormat: Text.RichText
+                       color: "white"
                    }
                    Label {
                        padding: 5
@@ -332,7 +325,9 @@ Rectangle {
                    + qsTr("Network Sharing")+"</li><li>"
                    + qsTr("Local Disks")+"</li><li>"
                    + qsTr("Security")+"</li><li>"
-                   + qsTr("Boot")+"</li></ul>"; width: view.width/2; wrapMode: Text.WordWrap;textFormat: Text.RichText
+                   + qsTr("Boot")+"</li></ul>";
+                       width: view.width/2; wrapMode: Text.WordWrap;textFormat: Text.RichText
+                       color: "white"
                    }
 
 
@@ -367,23 +362,15 @@ Rectangle {
                 text: qsTr("(*) Administrator password is needed")
                 wrapMode: Text.WordWrap
                 font.italic: true
+                color: "white"
                 }
         }
         // Install software page
         Rectangle {
             property var title: qsTr("Install software")
             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" }
-                }
-
-            }
-
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             Column {
                    //anchors.left: parent.left
                    //anchors.verticalCenter:  parent.verticalCenter
@@ -394,6 +381,7 @@ Rectangle {
                        padding: 10
                        font.bold: true
                        wrapMode: Text.WordWrap
+                       color: "white"
                    }
                    Label {
                        text: qsTr("With Mageia, you will find the software in the media repositories. Mageia users simply access these media via one of the Software Managers.");
@@ -401,6 +389,7 @@ Rectangle {
                        padding: 10
                        wrapMode: Text.WordWrap
                        textFormat: Text.RichText
+                       color: "white"
                    }
                    Label {
                        text: qsTr("The next slide shows a small selection of popular applications - any of which may be installed at this point.<BR/>");
@@ -408,6 +397,7 @@ Rectangle {
                        padding: 10
                        wrapMode: Text.WordWrap
                        textFormat: Text.RichText
+                       color: "white"
                    }
                    Label {
                        text: qsTr("You can find a more detailed list here:");
@@ -415,6 +405,7 @@ Rectangle {
                        padding: 10
                        wrapMode: Text.WordWrap
                        textFormat: Text.RichText
+                       color: "white"
                    }
                    Button {
                        id: listApplicationsWiki
@@ -435,6 +426,7 @@ Rectangle {
                        padding: 10
                        wrapMode: Text.WordWrap
                        textFormat: Text.RichText
+                       color: "white"
                    }
                    Button {
                        id: rpmdrake
@@ -458,23 +450,15 @@ Rectangle {
                 text: qsTr("(*) Administrator password is needed")
                 wrapMode: Text.WordWrap
                 font.italic: true
+                color: "white"
             }
         }
         // Applications page
         Rectangle {
             property var title: qsTr("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" }
-                }
-
-            }
-
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             Column {
 
                 Rectangle {
@@ -600,6 +584,7 @@ Rectangle {
                                         leftPadding:5
                                         text: title
                                         font.weight: Font.DemiBold
+                                        color: "white"
                                         }
                                     Label {
                                         leftPadding:5
@@ -608,6 +593,7 @@ Rectangle {
                                         font.pixelSize: Qt.application.font.pixelSize * .9
                                         width: view.width - (200 + 32 +30 + 100)
                                         wrapMode: Text.WordWrap
+                                        color: "white"
                                         }
                                     }
 
@@ -623,6 +609,7 @@ Rectangle {
                                                     anchors.centerIn: parent
                                                     text:  repo
                                                     font.pixelSize: Qt.application.font.pixelSize * .8
+                                                    color: "white"
                                                 }
                                             }
                                         }
@@ -692,17 +679,8 @@ Rectangle {
         Rectangle {
             property var title: qsTr("Your configuration")
             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" }
-                }
-
-            }
-
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             ListView {
                 id: confList
                 anchors.fill: parent
@@ -711,6 +689,7 @@ Rectangle {
                 delegate: Label {
                     text: name
                     textFormat: Text.RichText
+                    color: "white"
                 }
             }
         }
@@ -718,17 +697,8 @@ Rectangle {
         Rectangle {
             property var title: qsTr("More information")
             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" }
-                }
-
-            }
-
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
             Column {
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.verticalCenter:  parent.verticalCenter
@@ -741,6 +711,7 @@ Rectangle {
                         text: qsTr("Documentation")
                         wrapMode: Text.WordWrap
                         font.bold: true
+                        color: "white"
                     }
                     Label {
                         horizontalAlignment: TextInput.AlignHCenter
@@ -748,6 +719,7 @@ Rectangle {
                         text: qsTr("Support")
                         wrapMode: Text.WordWrap
                         font.bold: true
+                        color: "white"
                     }
                     Label {
                         horizontalAlignment: TextInput.AlignHCenter
@@ -755,6 +727,7 @@ Rectangle {
                         text: qsTr("Community")
                         wrapMode: Text.WordWrap
                         font.bold: true
+                        color: "white"
                     }
                     Repeater{
                         model: [{'name': qsTr("Release notes"), 'url': qsTr("https://wiki.mageia.org/en/Mageia_7_Release_Notes")},
@@ -808,7 +781,7 @@ Rectangle {
         id: buttonbox
         width: banner.width; height: 46
         anchors { top: banner.bottom;  }
-        color: "#2397D4"
+        color: "#262F45"
 
         Row {
             anchors.centerIn: parent
@@ -820,7 +793,7 @@ Rectangle {
                 Rectangle {
                     width: banner.width/9; height: 35
                     radius: 5
-                    color: view.currentIndex == index ? "#262F45" : "white"
+                    color: view.currentIndex == index ? "#2397D4" : "white"
                     Label{
                         anchors.verticalCenter: parent.verticalCenter
                         text: itemModel.get(index).title