[UI] Improve Nyan Cat Rainbow.

src/qml/main.qml

@@ -148,7 +148,8 @@ ApplicationWindow {
 
         function setProgressBarValue(val) {
             timeLabel.text = createTimestamp(val) + " / " + createTimestamp(
-                        progressBar.to) + " (" + parseFloat(player.getProperty("speed").toFixed(2)) + "x)"
+                        progressBar.to) + " (" + parseFloat(
+                        player.getProperty("speed").toFixed(2)) + "x)"
             progressBar.value = val
         }
 
@@ -886,7 +887,8 @@ ApplicationWindow {
 
         Rectangle {
             id: controlsBackground
-            height: controlsBar.visible ? controlsBar.height + progressBackground.height + (progressBar.topPadding * 2)
+            height: controlsBar.visible ? controlsBar.height + progressBackground.height
+                                          + (progressBar.topPadding * 2)
                                           - (progressBackground.height * 2) : 0
             anchors.bottom: parent.bottom
             anchors.left: parent.left
@@ -1019,40 +1021,14 @@ ApplicationWindow {
                         height: parent.height
                         color: "red"
                         opacity: 1
-                        LinearGradient {
-                            height: parent.height
+                        Image {
                             visible: fun.nyanCat
+                            id: rainbow
                             anchors.fill: parent
-                            gradient: Gradient {
-                                GradientStop {
-                                    position: 0.0
-                                    color: "#f00"
-                                }
-                                GradientStop {
-                                    position: 0.17
-                                    color: "#f90"
-                                }
-                                GradientStop {
-                                    position: 0.33
-                                    color: "#ff0"
-                                }
-                                GradientStop {
-                                    position: 0.50
-                                    color: "#3f0"
-                                }
-                                GradientStop {
-                                    position: 0.67
-                                    color: "#09f"
-                                }
-                                GradientStop {
-                                    position: 0.83
-                                    color: "#63f"
-                                }
-                                GradientStop {
-                                    position: 1
-                                    color: "#63f"
-                                }
-                            }
+                            height: parent.height
+                            width: parent.width
+                            source: "qrc:/player/icons/rainbow.png"
+                            fillMode: Image.TileHorizontally
                         }
                     }
                     Rectangle {

src/qml/qml.qrc

@@ -16,6 +16,7 @@
         <file>icons/prev.svg</file>
         <file>icons/subtitles.svg</file>
         <file>icons/nyancat.gif</file>
+        <file>icons/rainbow.png</file> 
         <file>fonts/NotoSans.ttf</file>
         <file>icons/playlist.svg</file>
         <file>codes.js</file>