styles for message only view

2020-08-19 00:47:41 -07:00
parent d7b8058264
commit 0325af3ce7
3 changed files with 36 additions and 3 deletions
--- a/webroot/js/chat/message.js
+++ b/webroot/js/chat/message.js
@@ -14,7 +14,10 @@ export default class Message extends Component {
      const { image, author, body } = message;
      const formattedMessage = formatMessageText(body, username);
      const avatar = image || generateAvatar(author);
-      const avatarBgColor = { backgroundColor: messageBubbleColorForString(author) };
+
+      const authorColor = messageBubbleColorForString(author);
+      const avatarBgColor = { backgroundColor: authorColor };
+      const authorTextColor = { color: authorColor };
      return (
        html`
          <div class="message flex">