Improve accounts bar appearance

TODO.md

@@ -8,6 +8,7 @@
 - lag when switching accounts
 - message delegate too tall
 - unread counts on accounts
+- fix compact mode
 
 - fix escape keybinds (filter rooms, message selection)
 - if last room event is a membership change, it won't be visible in timeline

src/gui/MainPane/AccountsBar.qml

@@ -24,13 +24,34 @@ HColumnLayout {
 
     HListView {
         id: accountList
+        clip: true
         model: ModelStore.get("accounts")
         currentIndex: accountView.currentIndex
 
+        highlight: Item {
+
+            Rectangle {
+                anchors.fill: parent
+                color: theme.accountsBar.accountList.account.selectedBackground
+                opacity: theme.accountsBar.accountList.account
+                              .selectedBackgroundOpacity
+            }
+
+            Rectangle {
+                z: 100
+                width: theme.accountsBar.accountList.account.selectedBorderSize
+                height: parent.height
+                color: theme.accountsBar.accountList.account.selectedBorder
+            }
+        }
+
         delegate: HTileDelegate {
             id: tile
             width: accountList.width
             backgroundColor: theme.accountsBar.accountList.account.background
+
+            topPadding: (accountList.width - avatar.width) / 4
+            bottomPadding: topPadding
             leftPadding: 0
             rightPadding: leftPadding
 

src/themes/Midnight.qpl

@@ -285,6 +285,11 @@ accountsBar:
             color background: "transparent"
             int avatarRadius: controls.avatar.radius
 
+            color selectedBackground: colors.accentBackground
+            real selectedBackgroundOpacity: 0.3
+            color selectedBorder: colors.strongAccentElement
+            int selectedBorderSize: 2
+
 
 accountView:
     account: