initialcallpage: change outgoing end call icon

add transparency to button label when not hovered

Change-Id: I74e178ab254dd1ab866b8ee5c0bc0c435ee8003d

src/constant/JamiTheme.qml

@@ -93,6 +93,7 @@ Item {
     property color refuseRed: rgba256(204, 0, 34, 100)
     property color refuseRedTransparent: rgba256(204, 0, 34, 56)
     property color mosaicButtonNormalColor: "#272727"
+    property color whiteColorTransparent: rgba256(255, 255, 255, 50)
 
     property color closeButtonLighterBlack: "#4c4c4c"
 

src/mainview/components/InitialCallPage.qml

@@ -50,7 +50,7 @@ Rectangle {
     }
     ListModel {
         id: outgoingControlsModel
-        ListElement { type: "cancel"; image: "qrc:/images/icons/round-close-24px.svg"}
+        ListElement { type: "cancel"; image: "qrc:/images/icons/ic_call_end_white_24px.svg"}
     }
 
     onAccountConvPairChanged: {
@@ -131,6 +131,7 @@ Rectangle {
 
                 delegate: ColumnLayout {
                     PushButton {
+                        id: actionButton
                         Layout.leftMargin: 10
                         Layout.rightMargin: 10
                         Layout.alignment: Qt.AlignHCenter
@@ -165,13 +166,14 @@ Rectangle {
                     }
 
                     Label {
+                        id: buttonLabel
                         Layout.alignment: Qt.AlignHCenter
                         Layout.preferredWidth: JamiTheme.callButtonPreferredSize
                         Layout.preferredHeight: JamiTheme.preferredFieldHeight
 
                         font.pointSize: JamiTheme.smartlistItemInfoFontSize
                         font.kerning: true
-                        color: JamiTheme.whiteColor
+                        color: actionButton.hovered ? JamiTheme.whiteColor : JamiTheme.whiteColorTransparent
 
                         text: {
                             if (type === "refuse")