Separate localEcho & readCounter theme properties

Allows making the hourglass gray by default again, while the read
counter uses the accent color.

CHANGELOG.md

@@ -25,8 +25,8 @@ and this project adheres to
   have this event as their last seen one in the room.  
   A way to see who read the message and when will be added in the future.
 
-- Themes: add a `chat.message.serverState` property, controls the color of
+- Themes: add `chat.message.localEcho` and `chat.message.readCounter` color
-  the local echo hourglass and read marker indicator.
+  properties
 
 - Add a `zoom` setting, defaults to `1.0`
 

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

@@ -36,10 +36,14 @@ HRowLayout {
     readonly property string timeText: utils.formatTime(model.date, false)
 
     readonly property string stateText:
-        `<font size=${theme.fontSize.small}px ` +
+        `<font size=${theme.fontSize.small}px color=` + (
-              `color=${theme.chat.message.serverState}>` + (
+            model.is_local_echo ?
-            model.is_local_echo ? `&nbsp;⏳` :
+            `${theme.chat.message.localEcho}>&nbsp;⧗</font>` :  // U+29D7
-            model.read_by_count ? `&nbsp;⦿&nbsp;${model.read_by_count}` :
+
+            model.read_by_count ?
+            `${theme.chat.message.readCounter}>&nbsp;⦿&nbsp;` +
+            model.read_by_count :  // U+29BF
+
             ""
         ) + "</font>"
 

src/themes/Glass.qpl

@@ -415,7 +415,8 @@ chat:
 
         color body:        colors.text
         color date:        colors.dimText
-        color serverState: colors.accentText
+        color localEcho:   colors.dimText
+        color readCounter: colors.accentText
 
         color redactedBody: colors.dimText
 

src/themes/Midnight.qpl

@@ -424,7 +424,8 @@ chat:
 
         color body:        colors.text
         color date:        colors.dimText
-        color serverState: colors.accentText
+        color localEcho:   colors.dimText
+        color readCounter: colors.accentText
 
         color redactedBody: colors.dimText