Darker font colors

converse.css

@@ -9,11 +9,11 @@
 @import url("fonticons/style.css");
 
 #collective-xmpp-chat-data {
-  color: rgb(89, 89, 89);
+  color: rgb(79, 79, 79);
 }
 
 #collective-xmpp-chat-data input {
-  color: rgb(89, 89, 89);
+  color: rgb(79, 79, 79);
 }
 
 .hidden {
@@ -83,8 +83,8 @@ span.spinner.hor_centered {
 }
 
 .chat-head-chatbox {
-    background-color: rgb(89, 106, 114);
-    background-color: rgba(89, 106, 114, 1);
+    background-color: rgb(79, 106, 114);
+    background-color: rgba(79, 106, 114, 1);
 }
 
 .chat-head-chatroom {
@@ -144,15 +144,15 @@ ul.participant-list li.moderator {
 }
 
 .chat-blink {
-    background-color: #176689;
-    border-right:1px solid #176689;
-    border-left:1px solid #176689;
+    background-color: #176679;
+    border-right:1px solid #176679;
+    border-left:1px solid #176679;
 }
 
 .chat-content {
     padding: 0.3em;
     font-size: 13px;
-    color: rgb(89, 89, 89);
+    color: rgb(79, 79, 79);
     height:193px;
     overflow-y:auto;
     border:1px solid #999;
@@ -274,7 +274,7 @@ div.chat-title {
 
 .chat-head-chatbox,
 .chat-head-chatroom {
-    background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
+    background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(79,106,114,1) 100%);
     height: 35px;
     position: relative;
 }
@@ -453,6 +453,11 @@ a.configure-chatroom-button {
     clear: both;
 }
 
+#converse-roster dd.current-xmpp-contact span {
+    font-size: 16px;
+    float: left;
+}
+
 #converse-roster dd.current-xmpp-contact.xa,
 #converse-roster dd.current-xmpp-contact.xa:hover,
 #converse-roster dd.current-xmpp-contact.away,
@@ -475,8 +480,6 @@ a.configure-chatroom-button {
 
 #converse-roster dd span {
     padding: 2px 5px 0 0;
-    float: left;
-    font-size: 16px;
 }
 
 .remove-xmpp-contact-dialog .ui-dialog-buttonpane {
@@ -509,7 +512,7 @@ a.configure-chatroom-button {
     font-size: 13px;
     color: #666;
     border: none;
-    padding: 0em 0em 0.3em 0.5em;
+    padding: 0.3em 0em 0em 0.5em;
     text-shadow: 0 1px 0 rgba(250, 250, 250, 1);
 }
 
@@ -578,7 +581,7 @@ dd.available-chatroom:hover a.open-room {
     width: 22px;
     margin: 0;
     display: none;
-    color: rgb(89, 89, 89);
+    color: rgb(79, 79, 79);
 }
 
 #converse-roster  dd:hover a.remove-xmpp-contact {
@@ -801,7 +804,7 @@ form.add-xmpp-contact input {
     cursor:pointer; 
     display:block; 
     padding: 3px 7px 0 5px;
-    color: rgb(89, 89, 89);
+    color: rgb(79, 79, 79);
 }
 
 .chatbox .dropdown dd ul {

mockup.html

@@ -101,24 +101,24 @@
                     </dd>
                     <dd class="dnd current-xmpp-contact">
                         <span class="icon-bubble-2"></span>
-                        <a class="open-chat" title="Click to chat with this contact" href="#">Sarah Robertson</a>
+                        <a class="open-chat" title="Click to chat with this contact" href="#">Francois Pienaar</a>
                         <a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
                     </dd>
                     <dd class="busy current-xmpp-contact">
                         <span class="icon-busy"></span>
-                        <a class="open-chat" title="Click to chat with this contact" href="#">Ian Blakey</a>
+                        <a class="open-chat" title="Click to chat with this contact" href="#">Gary Teichmann</a>
                         <a class="remove-xmpp-contact icon-remove-2" title="Click to remove this contact" href="#"></a>
                     </dd>
                     <dd class="offline current-xmpp-contact">
                         <span class="icon-offline"></span>
-                        <a class="open-chat" title="Click to chat with this contact" href="#">Gordon McMillan</a>
+                        <a class="open-chat" title="Click to chat with this contact" href="#">Corné Krige</a>
                         <a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
                     </dd>
                     <dt id="pending-xmpp-contacts" style="display: block;">Pending contacts</dt>
-                    <dd class="offline pending-xmpp-contact"><span>Frank Grey</span>
+                    <dd class="offline pending-xmpp-contact"><span>André Vos</span>
                         <a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
                     </dd>
-                    <dd class="offline pending-xmpp-contact"><span>Benedict Cumberpatch</span>
+                    <dd class="offline pending-xmpp-contact"><span>Victor Matfield</span>
                         <a class="remove-xmpp-contact icon-remove" title="Click to remove this contact" href="#"></a>
                     </dd>
                 </dl>