Replace HStyle singleton by global Theme in Window

src/qml/Chat/Banners/Banner.qml

@@ -5,7 +5,7 @@ import "../../Base"
 HRectangle {
     id: banner
     Layout.fillWidth: true
-    Layout.preferredHeight: HStyle.bottomElementsHeight
+    Layout.preferredHeight: theme.bottomElementsHeight
 
     property alias avatar: bannerAvatar
     property alias icon: bannerIcon

src/qml/Chat/Banners/InviteBanner.qml

@@ -8,7 +8,7 @@ Banner {
     readonly property var inviterInfo:
         inviterId ? users.getUser(inviterId) : null
 
-    color: HStyle.chat.inviteBanner.background
+    color: theme.chat.inviteBanner.background
 
     avatar.name: inviterId ? inviterInfo.displayName : ""
     avatar.imageUrl: inviterId ? inviterInfo.avatarUrl : ""

src/qml/Chat/Banners/LeftBanner.qml

@@ -5,7 +5,7 @@ import "../utils.js" as ChatJS
 Banner {
     property var leftEvent: null
 
-    color: HStyle.chat.leftBanner.background
+    color: theme.chat.leftBanner.background
 
     avatar.name: ChatJS.getLeftBannerAvatarName(leftEvent, chatPage.userId)
     labelText: ChatJS.getLeftBannerText(leftEvent)

src/qml/Chat/Banners/UnknownDevicesBanner.qml

@@ -3,7 +3,7 @@ import "../../Base"
 import "../utils.js" as ChatJS
 
 Banner {
-    color: HStyle.chat.unknownDevices.background
+    color: theme.chat.unknownDevices.background
 
     avatar.visible: false
     icon.svgName: "unknown_devices_warning"