Indicate visitors by making them lighter grey

css/converse.css

@@ -2658,6 +2658,9 @@
             #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.moderator,
             #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.moderator {
               color: #D24E2B; }
+            #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.visitor,
+            #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.visitor {
+              color: #A8ABA1; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container,
       #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container {
         background-color: white;

css/inverse.css

@@ -2820,6 +2820,9 @@ body {
             #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.moderator,
             #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.moderator {
               color: #E77051; }
+            #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.visitor,
+            #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.visitor {
+              color: #A8ABA1; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container,
       #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container {
         background-color: white;

sass/_chatrooms.scss

@@ -182,6 +182,9 @@
                             &.moderator {
                                 color: $moderator-color;
                             }
+                            &.visitor {
+                                color: $visitor-color;
+                            }
                         }
                     }
                 }

sass/converse/_variables.scss

@@ -7,6 +7,7 @@
 $subdued-color: #A8ABA1 !default;
 $gray-color: #818479 !default;
 $dark-gray-color: #585B51!default;
+$visitor-color: #A8ABA1 !default;
 
 $lightest-blue: #89B7CD;
 $light-blue: #578EA9;

sass/inverse/_variables.scss

@@ -7,6 +7,7 @@
 $subdued-color: #A8ABA1 !default;
 $gray-color: #818479 !default;
 $dark-gray-color: #585B51!default;
+$visitor-color: #A8ABA1 !default;
 
 $lightest-blue: #89B7CD;
 $light-blue: #578EA9;

src/converse-muc.js

@@ -1801,7 +1801,7 @@
                     if (notification.reason) {
                         this.showStatusNotification(__('The reason given is: "%1$s".', notification.reason), true);
                     }
-                    if (notification.messages.length) {
+                    if (_.get(notification.messages, 'length')) {
                         this.scrollDown();
                     }
                 },