Adapt play buttons to theme and remove accidental message bg

2 files changed, 4 insertions, 3 deletions

diff --git a/resources/qml/TimelineView.qml b/resources/qml/TimelineView.qml

index 0be8609d..3ad8ce7d 100644
--- a/resources/qml/TimelineView.qml
+++ b/resources/qml/TimelineView.qml
@@ -85,6 +85,7 @@ Item {
 				property Item section
 				width: chat.width
 				height: section ? section.height + timelinerow.height : timelinerow.height
+				color: "transparent"
 
 				TimelineRow {
 					id: timelinerow
diff --git a/resources/qml/delegates/PlayableMediaMessage.qml b/resources/qml/delegates/PlayableMediaMessage.qml

index d0d4d7cb..b3275462 100644
--- a/resources/qml/delegates/PlayableMediaMessage.qml
+++ b/resources/qml/delegates/PlayableMediaMessage.qml
@@ -89,7 +89,7 @@ Rectangle {
 					id: img
 					anchors.centerIn: parent
 
-					source: "qrc:/icons/icons/ui/arrow-pointing-down.png"
+					source: "image://colorimage/:/icons/icons/ui/arrow-pointing-down.png?"+colors.dark
 					fillMode: Image.Pad
 
 				}
@@ -132,11 +132,11 @@ Rectangle {
 				states: [
 					State {
 						name: "stopped"
-						PropertyChanges { target: img; source: "qrc:/icons/icons/ui/play-sign.png" }
+						PropertyChanges { target: img; source: "image://colorimage/:/icons/icons/ui/play-sign.png?"+colors.dark }
 					},
 					State {
 						name: "playing"
-						PropertyChanges { target: img; source: "qrc:/icons/icons/ui/pause-symbol.png" }
+						PropertyChanges { target: img; source: "image://colorimage/:/icons/icons/ui/pause-symbol.png?"+colors.dark }
 					}
 				]
 			}