Using proper logo colors.

src/ui/toolbar/MainToolBar.qml

@@ -403,43 +403,47 @@ Rectangle {
         anchors.bottom: parent.bottom
         height:         1
         color:          "black"
+        visible:        qgcPal.globalTheme == QGCPalette.Light
     }
 
     //---------------------------------------------
-    // Toolbar Row
-    Row {
-        id:                     viewRow
-        height:                 mainWindow.tbCellHeight
-        spacing:                mainWindow.tbSpacing
-        anchors.left:           parent.left
-        anchors.leftMargin:     mainWindow.tbSpacing
-        anchors.bottomMargin:   1
-        anchors.top:            parent.top
-        anchors.bottom:         parent.bottom
-
-        ExclusiveGroup { id: mainActionGroup }
-
-        Image {
+    // Logo (Preferences Button)
+    Rectangle {
         id:                     preferencesButton
-            width:                  mainWindow.tbButtonWidth
-            anchors.topMargin:      _topBottomMargins
-            anchors.bottomMargin:   _topBottomMargins
+        width:                  mainWindow.tbButtonWidth * 1.25
+        height:                 parent.height
         anchors.top:            parent.top
-            anchors.bottom:         parent.bottom
-            source:                 qgcPal.globalTheme == QGCPalette.Light ? "/res/QGCLogoBlack" : "/res/QGCLogoWhite"
+        anchors.left:           parent.left
+        color:                  "#4A2C6D"
+        Image {
+            height:                 mainWindow.tbCellHeight
+            anchors.centerIn:       parent
+            source:                 "/res/QGCLogoWhite"
             fillMode:               Image.PreserveAspectFit
             smooth:                 true
             mipmap:                 true
             antialiasing:           true
-
-            readonly property real _topBottomMargins: ScreenTools.defaultFontPixelHeight / 2
-
+        }
         MouseArea {
             anchors.fill: parent
             onClicked: mainWindow.showLeftMenu()
         }
     }
 
+    //---------------------------------------------
+    // Toolbar Row
+    Row {
+        id:                     viewRow
+        height:                 mainWindow.tbCellHeight
+        spacing:                mainWindow.tbSpacing
+        anchors.left:           preferencesButton.right
+        anchors.leftMargin:     mainWindow.tbSpacing
+        anchors.bottomMargin:   1
+        anchors.top:            parent.top
+        anchors.bottom:         parent.bottom
+
+        ExclusiveGroup { id: mainActionGroup }
+
         QGCToolBarButton {
             id:                 setupButton
             width:              mainWindow.tbButtonWidth