Make selection look better

src/gui/Pages/Chat/Timeline/EventContent.qml

@@ -229,8 +229,8 @@ HRowLayout {
                 z: -100
                 color: eventDelegate.checked &&
                        ! contentLabel.selectedText &&
-                       ! mousePointHandler.active?
-                       "lightseagreen" :  // XXX
+                       ! mousePointHandler.active ?
+                       theme.chat.message.checkedBackground :
 
                        isOwn?
                        theme.chat.message.ownBackground :

src/gui/Pages/Chat/Timeline/EventFile.qml

@@ -49,7 +49,9 @@ HTile {
 
 
     Binding on backgroundColor {
-        value: "blue"  // XXX
+        value: theme.chat.message.checkedBackground
         when: eventDelegate.checked
     }
+
+    Behavior on backgroundColor { HColorAnimation {} }
 }

src/gui/Pages/Chat/Timeline/EventImage.qml

@@ -130,9 +130,13 @@ HMxcImage {
 
     Rectangle {
         anchors.fill: parent
-        visible: eventDelegate.checked
-        // XXX
-        color: "blue"
-        opacity: 0.2
+        visible: opacity > 0
+        color: theme.chat.message.checkedBackground
+        opacity:
+            eventDelegate.checked ?
+            theme.chat.message.thumbnailCheckedOverlayOpacity :
+            0
+
+        Behavior on opacity { HNumberAnimation {} }
     }
 }