Palette based coloring

src/QmlControls/PageView.qml

@@ -29,14 +29,16 @@ Rectangle {
         centeredLabel:  true
         font.pointSize: ScreenTools.smallFontPointSize
 
-        Image {
+        QGCColoredImage {
             anchors.leftMargin:     _margins
             anchors.left:           parent.left
             anchors.verticalCenter: parent.verticalCenter
             source:                 "/res/gear-black.svg"
             mipmap:                 true
-            width:                  parent.height -(_margins * 2)
-            sourceSize.width:       width
+            height:                 parent.height * 0.7
+            width:                  height
+            sourceSize.height:      height
+            color:                  qgcPal.text
             fillMode:               Image.PreserveAspectFit
             visible:                pageWidgetLoader.item ? (pageWidgetLoader.item.showSettingsIcon ? pageWidgetLoader.item.showSettingsIcon : false) : false