Show user ID as member tile subtitle

Also move member styling in theme to the right place

TODO.md

@@ -63,8 +63,6 @@
   - Adapt shortcuts flicking speed to font size and DPI
 
   - EditAccount page:
-    - Remove account from client
-      - state: Set UI state page to Default.qml when account is removed
     - Device settings
     - Multiaccount aliases:
       - Warn when conflict with another alias

src/qml/Chat/RoomSidePane/MemberDelegate.qml

@@ -5,7 +5,7 @@ HTileDelegate {
     id: memberDelegate
     spacing: roomSidePane.currentSpacing
     rightPadding: 0
-    backgroundColor: theme.sidePane.member.background
+    backgroundColor: theme.chat.roomSidePane.member.background
 
     image: HUserAvatar {
         userId: model.user_id
@@ -13,6 +13,9 @@ HTileDelegate {
         avatarUrl: model.avatar_url
     }
 
-    title.color: theme.sidePane.member.name
     title.text: model.display_name || model.user_id
+    title.color: theme.chat.roomSidePane.member.name
+
+    subtitle.text: model.user_id
+    subtitle.color: theme.chat.roomSidePane.member.subtitle
 }

src/themes/Default.qpl

@@ -188,10 +188,6 @@ sidePane:
         color subtitle:       colors.dimText
         color lastEventDate:  colors.halfDimText
 
-    member:
-        color background:      "transparent"
-        color name:            colors.text
-
     settingsButton:
         color background: colors.inputBackground
 
@@ -208,6 +204,11 @@ chat:
     roomSidePane:
         color background: colors.mediumBackground
 
+        member:
+            color background: "transparent"
+            color name:       colors.text
+            color subtitle:   colors.dimText
+
     eventList:
         int ownEventsOnRightUnderWidth: 768
         color background:               "transparent"