Init theming support.

qml/Room.qml

@@ -1,6 +1,7 @@
 import QtQuick 2.9
 import QtQuick.Controls 2.2
 import QtQuick.Layouts 1.3
+import QtQuick.Controls.Material 2.2
 import Matrique 0.1
 import Matrique.Settings 0.1
 

qml/Setting.qml

@@ -29,6 +29,8 @@ Page {
                 id: accountSettingsListView
 
                 delegate: Column {
+                    spacing: 16
+
                     SwipeDelegate {
                         width: accountSettingsListView.width
                         height: 64
@@ -80,19 +82,35 @@ Page {
                         onClicked: accountSettingsListView.currentIndex == index ? accountSettingsListView.currentIndex = -1 : accountSettingsListView.currentIndex = index
                     }
 
-                    Rectangle {
-                        width: parent.width
-                        height: 2
-                        visible: accountSettingsListView.currentIndex == index
-
-                        color: Material.accent
-                    }
-
                     ColumnLayout {
                         visible: accountSettingsListView.currentIndex == index
                         width: parent.width - 32
                         anchors.horizontalCenter: parent.horizontalCenter
 
+                        spacing: 0
+
+                        ListView {
+                            Layout.fillWidth: true
+                            Layout.preferredHeight: 32
+
+                            orientation: ListView.Horizontal
+
+                            model: ["#498882", "#2196F3"]
+
+                            delegate: Rectangle {
+                                width: parent.height
+                                height: parent.height
+
+                                color: modelData
+
+                                MouseArea {
+                                    anchors.fill: parent
+
+                                    onClicked: matriqueController.setColor(connection.localUserId, modelData)
+                                }
+                            }
+                        }
+
                         RowLayout {
                             Layout.fillWidth: true
 

qml/component/RoomDrawer.qml

@@ -56,6 +56,7 @@ Drawer {
 
                 id: roomNameField
                 text: room && room.name ? room.name : ""
+                selectByMouse: true
             }
 
             ItemDelegate {
@@ -77,6 +78,7 @@ Drawer {
                 id: roomTopicField
 
                 text: room && room.topic ? room.topic : ""
+                selectByMouse: true
             }
 
             ItemDelegate {

qml/main.qml

@@ -25,6 +25,8 @@ ApplicationWindow {
 
     Material.theme: MSettings.darkTheme ? Material.Dark : Material.Light
 
+    Material.accent: matriqueController.color(currentConnection ? currentConnection.localUserId : "")
+
     FontLoader { id: materialFont; source: "qrc:/asset/font/material.ttf" }
 
     Controller {