Add more sass variables for color variations.

css/converse.css

@@ -1885,7 +1885,7 @@
         background-color: white;
         overflow-y: auto;
         overflow-x: hidden;
-        border-left: 1px solid #AAA;
+        border-left: 1px solid #818479;
         border-bottom-right-radius: 4px;
         width: 100px;
         height: 100%; }

sass/_chatrooms.scss

@@ -47,7 +47,7 @@
                     background-color: white;
                     overflow-y: auto;
                     overflow-x: hidden;
-                    border-left: 1px solid #AAA;
+                    border-left: 1px solid $text-color;
                     border-bottom-right-radius: $chatbox-border-radius;
                     width: 100px;
                     height: 100%;
@@ -129,11 +129,11 @@
                         text-overflow: ellipsis;
                         overflow-x: hidden;
                         &:hover {
-                            background-color: #FF977C;
+                            background-color: $chatroom-color-light;
                         }
                     }
                     .tt-highlight {
-                        background-color: #D24E2B;
+                        background-color: $chatroom-color-dark;
                     }
                 }
             }

sass/_variables.scss

@@ -11,7 +11,6 @@ $text-color: #818479 !default;
 $border-color: #CCC !default;
 $icon-color: #114327 !default;
 $chat-head-color: #F4A261 !default;
-$chatroom-head-color: #E76F51 !default;
 $chat-head-text-color: white !default;
 $chat-head-inverse-text-color: white !default;
 $chat-head-height: 44px !default;
@@ -47,7 +46,6 @@ $mobile_landscape_length: 480px !default;
 $font-size: 14px !default;
 $legend-font-size: 16px !default;
 
-$chatroom-width: 300px !default;
 $chat-width: 200px !default;
 $chat-height: 450px !default;
 $chat-gutter: 7px !default;
@@ -59,6 +57,11 @@ $small-mobile-chat-height: 300px !default;
 
 $font-path: "../fonticons/fonts/" !default;
 
+$chatroom-width: 300px !default;
+$chatroom-head-color: #E76F51 !default;
+$chatroom-color-light: #FF977C !default;
+$chatroom-color-dark: #D24E2B !default;
+
 $box-close-button-padding-top: 4px !default;
 $box-close-button-padding-bottom: 4px !default;
 $box-close-button-padding-left: 4px !default;

src/templates/chatroom_password_form.html

@@ -4,7 +4,6 @@
             <legend>{{heading}}</legend>
             <label>{{label_password}}</label>
             <input type="password" name="password"/>
-            <input class="pure-button button-primary" type="submit" value=""/>
         </fieldset>
         <fieldset>
             <input class="pure-button button-primary" type="submit" value="{{label_submit}}"/>