Closes #910: make transparency of message bubbles overridable via CSS (#911)

* Closes #910: make transparency of message bubbles overridable via CSS * Fix CSS variable declaration
2021-04-11 22:08:06 +01:00
parent a4309fd899
commit 2409cab5b6
2 changed files with 7 additions and 1 deletions
--- a/webroot/styles/chat.css
+++ b/webroot/styles/chat.css
@@ -1,5 +1,11 @@
 /* some base styles for chat and messaging components */

+:root {
+  /* Override this in your custom CSS to change the
+     opacity of the message backgrounds. */
+  --message-background-alpha: 0.3;
+}
+
 #chat-container {
  position: fixed;
  z-index: 9;