WelcomePage: use native Utils::StyledBar instead of border image

The native StyledBar follows the color theme.

Change-Id: I69983439e299376fe116984ca672ea34ecbceb87
Reviewed-by: Alessandro Portale <alessandro.portale@nokia.com>

share/qtcreator/welcomescreen/welcomescreen.qml

@@ -63,14 +63,14 @@ Rectangle {
 
         PageLoader {
             anchors.fill: parent
-            anchors.topMargin: 100
+            anchors.topMargin: 76
             model: pagesModel
         }
 
         CustomTab {
             id: tab
             x: 578
-            y: 120
+            y: 96
             anchors.right: parent.right
             anchors.rightMargin: 36
             model: pagesModel
@@ -79,10 +79,11 @@ Rectangle {
 
         Logo {
             x: 25
-            y: 38
+            y: 14
         }
 
         Rectangle {
+            visible: root.width > 1042
             width: 2
             color: "#919191"
             anchors.left: parent.left
@@ -91,6 +92,7 @@ Rectangle {
         }
 
         Rectangle {
+            visible: root.width > 1042
             width: 2
             color: "#919191"
             anchors.right: parent.right
@@ -99,11 +101,4 @@ Rectangle {
         }
 
     }
-
-    BorderImage {
-        anchors.right: parent.right
-        anchors.left: parent.left
-        border.right: 1
-        source: "widgets/images/creatorbar.png"
-    }
 }

src/plugins/welcome/welcomeplugin.cpp

@@ -155,6 +155,8 @@ WelcomeMode::WelcomeMode() :
     layout->setSpacing(0);
     m_modeWidget->setLayout(layout);
 
+    Utils::StyledBar* styledBar = new Utils::StyledBar(m_modeWidget);
+    layout->addWidget(styledBar);
     QScrollArea *scrollArea = new QScrollArea(m_modeWidget);
     layout->addWidget(scrollArea);
     scrollArea->setWidget(m_welcomePage);