Make selection look better

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

@@ -230,7 +230,7 @@ HRowLayout {
                 color: eventDelegate.checked &&
                        ! contentLabel.selectedText &&
                        ! mousePointHandler.active ?
-                       "lightseagreen" :  // XXX
+                       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 {} }
     }
 }

src/themes/Glass.qpl

@@ -345,6 +345,7 @@ chat:
 
         color background:    colors.mediumBackground
         color ownBackground: colors.strongBackground
+        color checkedBackground: colors.accentBackground
 
         color body: colors.text
         color date: colors.dimText
@@ -394,6 +395,8 @@ chat:
         // by default 0.4 for 40%.
         real thumbnailMaxHeightRatio: 0.4 * Math.min(1, uiScale)
 
+        real thumbnailCheckedOverlayOpacity: 0.4
+
     daybreak:
         color background: colors.mediumBackground
         color text:       colors.text

src/themes/Midnight.qpl

@@ -47,7 +47,7 @@ colors:
     color strongBackground:
         hsluv(hue, bgSaturation * 2, intensity, opacity)
 
-    color accentBackground:    hsluv(hue, saturation, intensity * 32, 1)
+    color accentBackground:    hsluv(hue, saturation, intensity * 40, 1)
     color accentElement:       hsluv(hue, saturation * 1.5, intensity * 52, 1)
     color strongAccentElement: hsluv(hue, saturation * 1.5, intensity * 72, 1)
 
@@ -358,6 +358,7 @@ chat:
 
         color background:        colors.weakBackground
         color ownBackground:     colors.mediumBackground
+        color checkedBackground: colors.accentBackground
 
         color body: colors.text
         color date: colors.dimText
@@ -407,6 +408,8 @@ chat:
         // by default 0.4 for 40%.
         real thumbnailMaxHeightRatio: 0.4 * Math.min(1, uiScale)
 
+        real thumbnailCheckedOverlayOpacity: 0.4
+
     daybreak:
         color background: colors.mediumBackground
         color text:       colors.text