Allow button colors override

resources/qml/ActiveCallBar.qml

@@ -92,9 +92,10 @@ Rectangle {
 		ImageButton {
 			width: 24
 			height: 24
-			src: timelineManager.isMicMuted ?
+			buttonTextColor: "#000000"
-				"qrc:/icons/icons/ui/microphone-unmute.png" :
+			image: timelineManager.isMicMuted ?
-				"qrc:/icons/icons/ui/microphone-mute.png"
+				":/icons/icons/ui/microphone-unmute.png" :
+				":/icons/icons/ui/microphone-mute.png"
 
 			hoverEnabled: true
 			ToolTip.visible: hovered

resources/qml/ImageButton.qml

@@ -2,8 +2,9 @@ import QtQuick 2.3
 import QtQuick.Controls 2.3
 
 AbstractButton {
-	property string image
+	property string image: undefined
-	property string src
+	property color highlightColor: colors.highlight
+	property color buttonTextColor: colors.buttonText
 	width: 16
 	height: 16
 	id: button
@@ -12,7 +13,7 @@ AbstractButton {
 		id: buttonImg
 		// Workaround, can't get icon.source working for now...
 		anchors.fill: parent
-		source: src ? src : ("image://colorimage/" + image + "?" + (button.hovered ? colors.highlight : colors.buttonText))
+		source: "image://colorimage/" + image + "?" + (button.hovered ? highlightColor : buttonTextColor)
 	}
 
 	MouseArea