Dedicated theming for unread indicator

Also make default indicator background colors darker to be more readable

src/gui/MainPane/Room.qml

@@ -55,11 +55,16 @@ HTileDelegate {
 
                     background: Rectangle {
                         color:
-                            model.mentions === 0 ?
-                            theme.colors.unreadBackground :
-                            theme.colors.alertBackground
+                            model.mentions ?
+                            indicatorTheme.mentionBackground :
+                            indicatorTheme.background
 
                         radius: theme.radius / 4
+
+                        readonly property QtObject indicatorTheme:
+                            theme.mainPane.listView.room.unreadIndicator
+
+                        Behavior on color { HColorAnimation {} }
                     }
 
                     Behavior on scale { HNumberAnimation {} }

src/themes/Midnight.qpl

@@ -62,9 +62,6 @@ colors:
     color negativeBackground:
         hsluv(0, saturation * 1.5, intensity * 52, opacity)
 
-    color unreadBackground:
-        hsluv(188, saturation * 1.5, intensity * 52, 1)
-
     color alertBackground: negativeBackground
 
     color brightText:  hsluv(0, 0, intensity * 100)
@@ -306,6 +303,10 @@ mainPane:
             int avatarRadius:          controls.avatar.radius
             int collapsedAvatarRadius: controls.avatar.radius
 
+            unreadIndicator:
+                color background:        colors.accentBackground
+                color mentionBackground: colors.alertBackground
+
     bottomBar:
         color background:               colors.strongBackground
         color settingsButtonBackground: "transparent"