basic chat tab styling

lms/djangoapps/jabber/static/candy_res/candy_custom.css

+#candy {
+    background-color: #e9e6df;
+}
+
+#chat-tabs li {
+    border-right: 1px solid #c4bfab;
+}
+#chat-tabs li.roomtype-groupchat .close {
+    display: none;
+}
+#chat-tabs li a {
+    background-color: #e9e6df;
+    color: #3f3c30;
+}
+#chat-tabs li.active a {
+    background-color: #fbfbf9;
+}
+#chat-tabs li a.transition {
+    display: none;
+}
+
+#chat-rooms .message-pane-wrapper {
+    background-color: #fbfbf9;
+}
+#chat-rooms .roster-pane .user {
+    background-color: #e9e6df;
+    border: 1px solid #c4bfab;
+}
+#chat-rooms .roster-pane .user:hover {
+    background-color: #c4bfab;
+}
+#chat-rooms .roster-pane .user.me {
+    background-color: #3f3c30;
+    border: 1px solid #3f3c30;
+}
+#chat-rooms .roster-pane .user .label {
+    color: #3f3c30;
+}
+#chat-rooms .roster-pane .user.me .label {
+    color: #fbfbf9;
+}
+
+#chat-rooms .message-form-wrapper,
+#chat-rooms .message-form,
+#chat-rooms .message-form input {
+    background-color: #e9e6df;
+}
+
+#chat-rooms .message-form input.submit {
+    background-color: #3f3c30;
+    color: #fbfbf9;
+}
+
+#chat-toolbar {
+    background-color: #c4bfab;
+}
+#chat-toolbar .usercount span {
+    background-color: #3f3c30;
+    color: #fbfbf9;
+}
+
+#chat-modal img {
+    display: none !important;
+}
\ No newline at end of file

lms/djangoapps/jabber/templates/chat.html

@@ -5,6 +5,7 @@
     ## but the candy_res/ folder contains images and other junk, and it
     ## all needs to stay together for the Candy.js plugin to work.
     <link rel="stylesheet" href="${static.url('candy_res/default.css')}" />
+    <link rel="stylesheet" href="${static.url('candy_res/candy_custom.css')}" />
 
     ## Load in jQuery from standard edX location.
     <script type="text/javascript" src="${static.url('js/vendor/jquery.min.js')}"></script>
@@ -25,6 +26,8 @@
           //core: { debug: true, autojoin: ["dev@conference.jabber.class.stanford.edu"] },
           view: { resources: "${static.url('candy_res/')}"}
         });
+	
+	$('#chat-toolbar #chat-sound-control').remove();
 
         Candy.Core.connect("${username}", "${password}");
       });