Added a button to update the list of ports. Changed the colors of the lines on the charts. Added translations for qt libraries

qml/Controls/ComboBox.qml

@@ -9,6 +9,7 @@ ComboBox {
 
     leftPadding: 16
     rightPadding: 16
+    font.pixelSize: 16
 
     delegate: ItemDelegate {
         width: control.width

qml/Controls/MenuItemDelegate.qml

@@ -10,12 +10,14 @@ ItemDelegate {
     implicitHeight: 52
     padding: 0
     leftPadding: control.minimized ? 0 : 40
+    font.pixelSize: 18
     font.weight: Font.Bold
     icon.color: "transparent"
     icon.width: 24
     icon.height: 24
 
     property bool minimized: false
+    property bool mirroredIcon: false
 
     contentItem: RowLayout {
         spacing: control.minimized ? 0 : 25
@@ -29,6 +31,7 @@ ItemDelegate {
             source: control.icon.source
             sourceSize.width: control.icon.width
             sourceSize.height: control.icon.height
+            mirror: control.mirroredIcon
             Layout.alignment: Qt.AlignCenter
 
             ColorOverlay {

qml/Controls/OutlineButton.qml

@@ -10,7 +10,7 @@ Button {
         text: control.text
         font.pixelSize: 16
         font.weight: Font.Bold
-        opacity: enabled ? 1.0 : 0.3
+        opacity: enabled ? 1.0 : 0.7
         color: control.hovered ? Palette.alternativeTextColor : Palette.textColor
         horizontalAlignment: Text.AlignHCenter
         verticalAlignment: Text.AlignVCenter
@@ -22,7 +22,7 @@ Button {
     background: Rectangle {
         implicitWidth: 200
         implicitHeight: 52
-        opacity: enabled ? 1 : 0.3
+        opacity: enabled ? 1 : 0.7
         color: control.pressed ? Palette.pressedButtonColor :
                                  control.hovered ? Palette.hoveredButtonColor : Palette.outlineButtonColor
         border.color: control.pressed ? Palette.pressedButtonColor :

qml/Controls/OutlineImageButton.qml

@@ -0,0 +1,38 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtGraphicalEffects 1.0
+
+import Utils 1.0
+
+Button {
+    id: control
+
+    icon.width: 24
+    icon.height: 24
+
+    contentItem: Image {
+        source: control.icon.source
+        sourceSize.width: control.icon.width
+        sourceSize.height: control.icon.height
+        fillMode: Image.PreserveAspectFit
+
+        ColorOverlay {
+            anchors.fill: parent
+            source: parent
+            color: "#FFFFFF"
+            visible: control.hovered
+        }
+    }
+
+    background: Rectangle {
+        implicitWidth: 44
+        implicitHeight: 44
+        color: control.enabled ? (control.pressed ? Palette.pressedButtonColor :
+                                                    control.hovered ? Palette.hoveredButtonColor : Palette.backgroundColor) :
+                                 Palette.hoveredBackgroundColor
+        border.color: control.pressed ? Palette.pressedButtonColor :
+                                        control.hovered ? Palette.hoveredButtonColor : Palette.borderColor
+        border.width: 1
+        radius: 5
+    }
+}

qml/Controls/TextField.qml

@@ -5,6 +5,7 @@ import Utils 1.0
 
 TextField {
     implicitHeight: 58
+    font.pixelSize: 16
     color: Palette.textColor
     selectByMouse: true
     selectionColor: Palette.selectedTextBackgroundColor

qml/Controls/qmldir

@@ -23,3 +23,4 @@ DialogBackground 1.0 DialogBackground.qml
 BusyIndicator 1.0 BusyIndicator.qml
 MenuItemDelegate 1.0 MenuItemDelegate.qml
 ScrollIndicator 1.0 ScrollIndicator.qml
+OutlineImageButton 1.0 OutlineImageButton.qml