ConverseJS 9.0.0: first attempt to integrate.

conversejs/custom/shared/styles/livechat.scss

@@ -0,0 +1,27 @@
+@import "./variables";
+@import "shared/styles/index";
+@import "./peertubetheme";
+
+body.livechat-iframe #conversejs .chat-head {
+  // Hidding the chat-head when the plugin is displayed in an iframe.
+  display: none;
+}
+
+#conversejs-bg {
+  // We are using a custom template that differs from the original, this is required.
+  .converse-brand__heading {
+    img {
+      margin-top: 0.3em;
+    }
+  }
+}
+
+// Readonly mode
+body.livechat-readonly #conversejs {
+  .chat-head,
+  .bottom-panel,
+  converse-message-actions,
+  converse-muc-sidebar {
+    display: none !important;
+  }
+}