From 8658822d75f2266be8391c897aaebfd47032fd9c Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Thu, 15 Jun 2017 11:02:20 +0200
Subject: [PATCH] Updated color-scheme and fix conversejs icon offset

---
 css/converse-muc-embedded.css |   2 +-
 css/converse.css              |  78 ++--
 css/inverse.css               | 113 +++---
 fonticons/fonts/icomoon.eot   | Bin 20404 -> 20408 bytes
 fonticons/fonts/icomoon.svg   |   2 +-
 fonticons/fonts/icomoon.ttf   | Bin 20240 -> 20244 bytes
 fonticons/fonts/icomoon.woff  | Bin 20316 -> 20320 bytes
 fonticons/selection.json      | 660 +++++++++++++++++-----------------
 fonticons/style.css           |  11 +-
 sass/_controlbox.scss         |   7 +-
 sass/converse/_variables.scss |  70 ++--
 sass/inverse/_controlbox.scss |   3 +-
 sass/inverse/_core.scss       |   3 +
 sass/inverse/_variables.scss  |  70 ++--
 14 files changed, 536 insertions(+), 483 deletions(-)

diff --git a/css/converse-muc-embedded.css b/css/converse-muc-embedded.css
index b3bbad9a2..9f522ab11 100644
--- a/css/converse-muc-embedded.css
+++ b/css/converse-muc-embedded.css
@@ -1,7 +1,7 @@
 /*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
-    http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
+    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
  */
 #converse-embedded-chat {
   -webkit-box-sizing: border-box;
diff --git a/css/converse.css b/css/converse.css
index cab13c4b5..ebc86a318 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -8,7 +8,7 @@
 /*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
-    http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
+    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
  */
 @font-face {
   font-family: 'Converse-js';
@@ -1140,7 +1140,7 @@
     margin: 0; }
   #conversejs a, #conversejs a:visited {
     text-decoration: none;
-    color: #2A9D8F;
+    color: #578EA9;
     text-shadow: none; }
 
 #converse-embedded-chat,
@@ -1374,7 +1374,7 @@
     display: table-cell; }
   #converse-embedded-chat .error,
   #conversejs .error {
-    color: #D24E2B; }
+    color: #A53214; }
   #converse-embedded-chat .reg-feedback,
   #conversejs .reg-feedback {
     font-size: 85%; }
@@ -1406,11 +1406,11 @@
   #converse-embedded-chat .button-primary,
   #conversejs .button-primary {
     color: white;
-    background-color: #2AC611; }
+    background-color: #3AA569; }
   #converse-embedded-chat .button-secondary,
   #conversejs .button-secondary {
     color: white;
-    background-color: #83A0D6; }
+    background-color: #387592; }
   #converse-embedded-chat .button-cancel,
   #conversejs .button-cancel {
     color: white;
@@ -1447,7 +1447,7 @@
       border: none; }
     #converse-embedded-chat form.pure-form.converse-form input.error,
     #conversejs form.pure-form.converse-form input.error {
-      border: 1px solid #D24E2B;
+      border: 1px solid #A53214;
       color: #818479; }
     #converse-embedded-chat form.pure-form.converse-form .form-help,
     #conversejs form.pure-form.converse-form .form-help {
@@ -1467,7 +1467,7 @@
     margin: 0; }
   #converse-embedded-chat .chat-textarea-chatroom-selected,
   #conversejs .chat-textarea-chatroom-selected {
-    border: 2px solid #2A9D8F;
+    border: 2px solid #578EA9;
     margin: 0; }
   #converse-embedded-chat .dropdown dt,
   #converse-embedded-chat .dropdown ul,
@@ -1513,7 +1513,7 @@
     float: left; }
   #converse-embedded-chat .chat-head.chat-head-chatbox,
   #conversejs .chat-head.chat-head-chatbox {
-    background-color: #F4A261; }
+    background-color: #E7A151; }
   #converse-embedded-chat .chat-head .user-custom-message,
   #conversejs .chat-head .user-custom-message {
     color: white;
@@ -1543,7 +1543,7 @@
   #converse-embedded-chat .chatbox-btn.button-on,
   #conversejs .chatbox-btn.button-on {
     background-color: white;
-    color: #F4A261; }
+    color: #E7A151; }
 #converse-embedded-chat .chatbox,
 #conversejs .chatbox {
   display: block;
@@ -1658,10 +1658,10 @@
           overflow: hidden; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-them,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-them {
-          color: #1A9707; }
+          color: #3AA569; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-me,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-me {
-          color: #2A9D8F; }
+          color: #578EA9; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-content,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-content {
           max-width: 100%;
@@ -1677,7 +1677,7 @@
     position: absolute;
     width: 100%;
     cursor: pointer;
-    background-color: #F4A261;
+    background-color: #E7A151;
     color: #FCFDFD;
     padding: 0.3em;
     font-size: 0.9em;
@@ -1745,7 +1745,7 @@
       left: 3px;
       width: -webkit-calc(100% - 6px);
       width: calc(100% - 6px);
-      background-color: #F4A261;
+      background-color: #E7A151;
       color: white;
       font-size: 80%;
       height: 27px;
@@ -1762,7 +1762,7 @@
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar a,
       #conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
         font-size: 14px;
-        color: #2A9D8F;
+        color: #578EA9;
         text-decoration: none;
         text-shadow: none; }
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text,
@@ -1825,7 +1825,7 @@
         margin-left: 0; }
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley,
       #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley {
-        color: #2A9D8F;
+        color: #578EA9;
         padding-left: 5px; }
         #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul,
         #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul {
@@ -1906,7 +1906,7 @@
     #conversejs #controlbox {
       margin: 0; } }
   #conversejs #controlbox .controlbox-head {
-    background-color: #577BDD;
+    background-color: #578EA9;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     color: white;
@@ -1958,7 +1958,7 @@
       margin-bottom: 8px; }
     #conversejs #controlbox #converse-register .form-help .url {
       font-weight: bold;
-      color: #2A9D8F; }
+      color: #578EA9; }
     #conversejs #controlbox #converse-register .input-group {
       display: table;
       margin: auto;
@@ -1981,7 +1981,7 @@
       height: auto;
       white-space: normal; }
     #conversejs #controlbox #converse-register .save-submit, #conversejs #controlbox #converse-login .save-submit {
-      color: #436F64; }
+      color: #3AA569; }
     #conversejs #controlbox #converse-register input, #conversejs #controlbox #converse-login input {
       width: 100%;
       margin: 0.5em 0; }
@@ -2023,7 +2023,7 @@
         text-shadow: 0 1px 0 #FAFAFA;
         word-wrap: break-word; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom a:hover {
-          color: #015158; }
+          color: #206485; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom.unread-msgs .open-room {
           max-width: 50%;
           width: auto;
@@ -2040,9 +2040,9 @@
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark {
           color: #A8ABA1; }
           #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark.button-on {
-            color: #2A9D8F; }
+            color: #578EA9; }
             #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark.button-on:hover {
-              color: #015158; }
+              color: #206485; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .room-info {
           font-size: 12px;
           font-style: normal;
@@ -2121,9 +2121,9 @@
         text-align: center;
         text-decoration: none; }
         #conversejs #controlbox #controlbox-tabs li a.contacts-tab .msgs-indicator {
-          background-color: #F4A261; }
+          background-color: #E7A151; }
         #conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
-          background-color: #E76F51; }
+          background-color: #E77051; }
         #conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
           border-top-right-radius: 5px; }
         #conversejs #controlbox #controlbox-tabs li a:hover {
@@ -2151,7 +2151,7 @@
       display: inline-block; }
       #conversejs #controlbox .fancy-dropdown .choose-xmpp-status:hover,
       #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form:hover {
-        color: #015158; }
+        color: #206485; }
     #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
       padding: 0 0.5em;
       width: 100%; }
@@ -2164,9 +2164,9 @@
     float: right;
     clear: right;
     width: 12px;
-    color: #2A9D8F; }
+    color: #578EA9; }
     #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message:hover {
-      color: #015158; }
+      color: #206485; }
   #conversejs #controlbox #fancy-xmpp-status-select fieldset {
     padding: 0;
     margin-top: -1px; }
@@ -2227,7 +2227,7 @@
     #conversejs #controlbox .set-xmpp-status .dropdown dd ul {
       z-index: 22; }
 #conversejs .toggle-controlbox {
-  background-color: #2A9D8F;
+  background-color: #578EA9;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   color: #0a0a0a;
@@ -2345,7 +2345,7 @@
       margin: 0;
       padding: 0.5em 0 0 0; }
       #conversejs #converse-roster .roster-contacts dd a:hover {
-        color: #015158; }
+        color: #206485; }
       #conversejs #converse-roster .roster-contacts dd .open-chat {
         margin: auto;
         padding: 0;
@@ -2358,7 +2358,7 @@
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .contact-name {
             width: 70%; }
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar .pulse {
-            border: 0.7em solid #2A9D8F;
+            border: 0.7em solid #578EA9;
             background: transparent;
             border-radius: 60px;
             height: 30px;
@@ -2376,7 +2376,7 @@
             z-index: 1;
             opacity: 0; }
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar.avatar-online .pulse {
-            border: 0.7em solid #2A9D8F; }
+            border: 0.7em solid #578EA9; }
         #conversejs #converse-roster .roster-contacts dd .open-chat .msgs-indicator {
           opacity: 1;
           margin-left: -3em;
@@ -2392,7 +2392,7 @@
           display: inline-block;
           height: 60px; }
           #conversejs #converse-roster .roster-contacts dd .open-chat .avatar .status-icon {
-            color: #2A9D8F; }
+            color: #578EA9; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
         padding: 0 0 0 0.3em;
         float: right; }
@@ -2443,11 +2443,11 @@
   margin: 0.3em 0; }
 #converse-embedded-chat .chat-head-chatroom,
 #conversejs .chat-head-chatroom {
-  background-color: #E76F51; }
+  background-color: #E77051; }
   #converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on,
   #conversejs .chat-head-chatroom .chatbox-btn.button-on {
     background-color: white;
-    color: #E76F51; }
+    color: #E77051; }
   #converse-embedded-chat .chat-head-chatroom .chatroom-description,
   #conversejs .chat-head-chatroom .chatroom-description {
     color: white;
@@ -2501,7 +2501,7 @@
         font-weight: bold; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-msg-room,
       #conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
-        color: #1A9707; }
+        color: #3AA569; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .disconnect-msg,
       #conversejs .chatroom .box-flyout .chatroom-body .disconnect-msg {
         padding: 2em 2em 0 2em; }
@@ -2514,7 +2514,7 @@
         min-width: 200px; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator,
         #conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
-          background-color: #E76F51;
+          background-color: #E77051;
           max-width: 70%; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .chat-content,
         #conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
@@ -2623,7 +2623,7 @@
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
           font-size: 90%;
-          color: #D24E2B; }
+          color: #A53214; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
@@ -2639,7 +2639,7 @@
     border-bottom-right-radius: 0; }
   #converse-embedded-chat .chatroom form.sendXMPPMessage .send-button,
   #conversejs .chatroom form.sendXMPPMessage .send-button {
-    background-color: #E76F51; }
+    background-color: #E77051; }
   #converse-embedded-chat .chatroom .room-invite .invited-contact,
   #conversejs .chatroom .room-invite .invited-contact {
     margin: -1px 0 0 -1px;
@@ -2647,7 +2647,7 @@
     border: 1px solid #999; }
 
 #conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
-  background-color: #2A9D8F; }
+  background-color: #3AA569; }
 
 #conversejs #minimized-chats {
   border-top-left-radius: 4px;
@@ -2662,7 +2662,7 @@
   #conversejs #minimized-chats #toggle-minimized-chats {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    background-color: #2A9D8F;
+    background-color: #578EA9;
     color: white;
     position: relative;
     padding: 10px 0 0 0;
diff --git a/css/inverse.css b/css/inverse.css
index 191d5d728..105284188 100644
--- a/css/inverse.css
+++ b/css/inverse.css
@@ -8,7 +8,7 @@
 /*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
-    http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
+    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
  */
 @font-face {
   font-family: 'Converse-js';
@@ -1140,7 +1140,7 @@
     margin: 0; }
   #conversejs a, #conversejs a:visited {
     text-decoration: none;
-    color: #2A9D8F;
+    color: #578EA9;
     text-shadow: none; }
 
 #converse-embedded-chat,
@@ -1374,7 +1374,7 @@
     display: table-cell; }
   #converse-embedded-chat .error,
   #conversejs .error {
-    color: #D24E2B; }
+    color: #A53214; }
   #converse-embedded-chat .reg-feedback,
   #conversejs .reg-feedback {
     font-size: 85%; }
@@ -1406,11 +1406,11 @@
   #converse-embedded-chat .button-primary,
   #conversejs .button-primary {
     color: white;
-    background-color: #2AC611; }
+    background-color: #3AA569; }
   #converse-embedded-chat .button-secondary,
   #conversejs .button-secondary {
     color: white;
-    background-color: #83A0D6; }
+    background-color: #387592; }
   #converse-embedded-chat .button-cancel,
   #conversejs .button-cancel {
     color: white;
@@ -1447,7 +1447,7 @@
       border: none; }
     #converse-embedded-chat form.pure-form.converse-form input.error,
     #conversejs form.pure-form.converse-form input.error {
-      border: 1px solid #D24E2B;
+      border: 1px solid #A53214;
       color: #818479; }
     #converse-embedded-chat form.pure-form.converse-form .form-help,
     #conversejs form.pure-form.converse-form .form-help {
@@ -1467,7 +1467,7 @@
     margin: 0; }
   #converse-embedded-chat .chat-textarea-chatroom-selected,
   #conversejs .chat-textarea-chatroom-selected {
-    border: 2px solid #2A9D8F;
+    border: 2px solid #578EA9;
     margin: 0; }
   #converse-embedded-chat .dropdown dt,
   #converse-embedded-chat .dropdown ul,
@@ -1481,13 +1481,13 @@ body {
   height: 100%;
   font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #ffffff;
-  background-color: #17818B; }
+  background-color: #578EA9; }
 
 div.content {
   height: 100vh;
   width: 100vw;
   position: fixed;
-  background-color: #17818B; }
+  background-color: #578EA9; }
   div.content .inner-content {
     text-align: center;
     padding: 7%;
@@ -1496,6 +1496,8 @@ div.content {
     div.content .inner-content .brand-heading {
       font-size: 600%;
       margin-left: -10%; }
+      div.content .inner-content .brand-heading .icon-conversejs {
+        font-size: 88%; }
     div.content .inner-content p.no-chats {
       padding-right: 10%;
       font-size: 120%; }
@@ -1558,7 +1560,7 @@ div.content {
     float: left; }
   #converse-embedded-chat .chat-head.chat-head-chatbox,
   #conversejs .chat-head.chat-head-chatbox {
-    background-color: #F4A261; }
+    background-color: #E7A151; }
   #converse-embedded-chat .chat-head .user-custom-message,
   #conversejs .chat-head .user-custom-message {
     color: white;
@@ -1588,7 +1590,7 @@ div.content {
   #converse-embedded-chat .chatbox-btn.button-on,
   #conversejs .chatbox-btn.button-on {
     background-color: white;
-    color: #F4A261; }
+    color: #E7A151; }
 #converse-embedded-chat .chatbox,
 #conversejs .chatbox {
   display: block;
@@ -1703,10 +1705,10 @@ div.content {
           overflow: hidden; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-them,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-them {
-          color: #1A9707; }
+          color: #3AA569; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-me,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-me {
-          color: #2A9D8F; }
+          color: #578EA9; }
         #converse-embedded-chat .chatbox .chat-body .chat-message span.chat-msg-content,
         #conversejs .chatbox .chat-body .chat-message span.chat-msg-content {
           max-width: 100%;
@@ -1722,7 +1724,7 @@ div.content {
     position: absolute;
     width: 100%;
     cursor: pointer;
-    background-color: #F4A261;
+    background-color: #E7A151;
     color: #FCFDFD;
     padding: 0.3em;
     font-size: 0.9em;
@@ -1790,7 +1792,7 @@ div.content {
       left: 3px;
       width: -webkit-calc(100% - 6px);
       width: calc(100% - 6px);
-      background-color: #F4A261;
+      background-color: #E7A151;
       color: white;
       font-size: 80%;
       height: 27px;
@@ -1807,7 +1809,7 @@ div.content {
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar a,
       #conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
         font-size: 15px;
-        color: #2A9D8F;
+        color: #578EA9;
         text-decoration: none;
         text-shadow: none; }
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text,
@@ -1870,7 +1872,7 @@ div.content {
         margin-left: 0; }
       #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley,
       #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley {
-        color: #2A9D8F;
+        color: #578EA9;
         padding-left: 5px; }
         #converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul,
         #conversejs .chatbox form.sendXMPPMessage .chat-toolbar .toggle-smiley ul {
@@ -1931,8 +1933,8 @@ div.content {
   font-size: 18px;
   margin: 0 0.3em; }
 #conversejs .flyout {
-  border: 1em solid #F4A261;
-  border-top: 0.8em solid #F4A261;
+  border: 1em solid #E7A151;
+  border-top: 0.8em solid #E7A151;
   border-radius: 0;
   bottom: 0; }
 #conversejs .chat-head {
@@ -1953,13 +1955,13 @@ div.content {
   width: calc(100% - 250px);
   margin: 0; }
   #conversejs .chatbox .box-flyout {
-    background-color: #F4A261;
+    background-color: #E7A151;
     width: -webkit-calc(100% - 250px);
     width: calc(100% - 250px);
     box-shadow: none;
     min-width: auto; }
   #conversejs .chatbox .chat-body {
-    background-color: #F4A261;
+    background-color: #E7A151;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px; }
   #conversejs .chatbox .chat-content {
@@ -1985,7 +1987,7 @@ div.content {
     #conversejs #controlbox {
       margin: 0; } }
   #conversejs #controlbox .controlbox-head {
-    background-color: #577BDD;
+    background-color: #578EA9;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     color: white;
@@ -2007,11 +2009,9 @@ div.content {
     #conversejs #controlbox form.search-xmpp-contact input {
       width: 8em; }
   #conversejs #controlbox .msgs-indicator {
-    opacity: 0.6;
-    background-color: #D24E2B;
+    background-color: #E77051;
     color: white;
     font-size: 14px;
-    float: right;
     font-weight: normal;
     padding: 0 4px;
     text-shadow: none; }
@@ -2037,7 +2037,7 @@ div.content {
       margin-bottom: 8px; }
     #conversejs #controlbox #converse-register .form-help .url {
       font-weight: bold;
-      color: #2A9D8F; }
+      color: #578EA9; }
     #conversejs #controlbox #converse-register .input-group {
       display: table;
       margin: auto;
@@ -2060,7 +2060,7 @@ div.content {
       height: auto;
       white-space: normal; }
     #conversejs #controlbox #converse-register .save-submit, #conversejs #controlbox #converse-login .save-submit {
-      color: #436F64; }
+      color: #3AA569; }
     #conversejs #controlbox #converse-register input, #conversejs #controlbox #converse-login input {
       width: 100%;
       margin: 0.5em 0; }
@@ -2102,7 +2102,7 @@ div.content {
         text-shadow: 0 1px 0 #FAFAFA;
         word-wrap: break-word; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom a:hover {
-          color: #015158; }
+          color: #206485; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom.unread-msgs .open-room {
           max-width: 50%;
           width: auto;
@@ -2119,9 +2119,9 @@ div.content {
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark {
           color: #A8ABA1; }
           #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark.button-on {
-            color: #2A9D8F; }
+            color: #578EA9; }
             #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .remove-bookmark.button-on:hover {
-              color: #015158; }
+              color: #206485; }
         #conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom .room-info {
           font-size: 14px;
           font-style: normal;
@@ -2200,11 +2200,13 @@ div.content {
         text-align: center;
         text-decoration: none; }
         #conversejs #controlbox #controlbox-tabs li a.contacts-tab .msgs-indicator {
-          background-color: #F4A261; }
+          background-color: #E7A151; }
         #conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
-          background-color: #E76F51; }
+          background-color: #E77051; }
         #conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
-          border-top-right-radius: 5px; }
+          opacity: 0.8;
+          border-top-right-radius: 5px;
+          float: right; }
         #conversejs #controlbox #controlbox-tabs li a:hover {
           color: #818479; }
           #conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
@@ -2230,7 +2232,7 @@ div.content {
       display: inline-block; }
       #conversejs #controlbox .fancy-dropdown .choose-xmpp-status:hover,
       #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form:hover {
-        color: #015158; }
+        color: #206485; }
     #conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
       padding: 0 0.5em;
       width: 100%; }
@@ -2243,9 +2245,9 @@ div.content {
     float: right;
     clear: right;
     width: 12px;
-    color: #2A9D8F; }
+    color: #578EA9; }
     #conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message:hover {
-      color: #015158; }
+      color: #206485; }
   #conversejs #controlbox #fancy-xmpp-status-select fieldset {
     padding: 0;
     margin-top: -1px; }
@@ -2306,7 +2308,7 @@ div.content {
     #conversejs #controlbox .set-xmpp-status .dropdown dd ul {
       z-index: 22; }
 #conversejs .toggle-controlbox {
-  background-color: #2A9D8F;
+  background-color: #578EA9;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   color: #0a0a0a;
@@ -2324,8 +2326,7 @@ div.content {
   margin: 0; }
   #conversejs #controlbox #login-dialog .brand-heading, #conversejs #controlbox #register .brand-heading {
     margin: 10% 0 0 0;
-    font-size: 600%;
-    color: #577BDD; }
+    color: #387592; }
   #conversejs #controlbox #login-dialog .converse-form, #conversejs #controlbox #register .converse-form {
     margin-top: 4em; }
   #conversejs #controlbox.fullscreen {
@@ -2338,7 +2339,7 @@ div.content {
     min-width: 250px;
     width: 200px;
     z-index: 1;
-    background-color: #577BDD; }
+    background-color: #578EA9; }
   #conversejs #controlbox .controlbox-head {
     height: 63px;
     padding: 6px 0 6px 0;
@@ -2460,7 +2461,7 @@ div.content {
       margin: 0;
       padding: 0.5em 0 0 0; }
       #conversejs #converse-roster .roster-contacts dd a:hover {
-        color: #015158; }
+        color: #206485; }
       #conversejs #converse-roster .roster-contacts dd .open-chat {
         margin: auto;
         padding: 0;
@@ -2473,7 +2474,7 @@ div.content {
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .contact-name {
             width: 70%; }
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar .pulse {
-            border: 0.7em solid #2A9D8F;
+            border: 0.7em solid #578EA9;
             background: transparent;
             border-radius: 60px;
             height: 30px;
@@ -2491,7 +2492,7 @@ div.content {
             z-index: 1;
             opacity: 0; }
           #conversejs #converse-roster .roster-contacts dd .open-chat.unread-msgs .avatar.avatar-online .pulse {
-            border: 0.7em solid #2A9D8F; }
+            border: 0.7em solid #578EA9; }
         #conversejs #converse-roster .roster-contacts dd .open-chat .msgs-indicator {
           opacity: 1;
           margin-left: -3em;
@@ -2507,7 +2508,7 @@ div.content {
           display: inline-block;
           height: 30px; }
           #conversejs #converse-roster .roster-contacts dd .open-chat .avatar .status-icon {
-            color: #2A9D8F; }
+            color: #578EA9; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
         padding: 0 0 0 0.3em;
         float: right; }
@@ -2561,11 +2562,11 @@ div.content {
   margin: 0.3em 0; }
 #converse-embedded-chat .chat-head-chatroom,
 #conversejs .chat-head-chatroom {
-  background-color: #E76F51; }
+  background-color: #E77051; }
   #converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on,
   #conversejs .chat-head-chatroom .chatbox-btn.button-on {
     background-color: white;
-    color: #E76F51; }
+    color: #E77051; }
   #converse-embedded-chat .chat-head-chatroom .chatroom-description,
   #conversejs .chat-head-chatroom .chatroom-description {
     color: white;
@@ -2619,7 +2620,7 @@ div.content {
         font-weight: bold; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-msg-room,
       #conversejs .chatroom .box-flyout .chatroom-body .chat-msg-room {
-        color: #1A9707; }
+        color: #3AA569; }
       #converse-embedded-chat .chatroom .box-flyout .chatroom-body .disconnect-msg,
       #conversejs .chatroom .box-flyout .chatroom-body .disconnect-msg {
         padding: 2em 2em 0 2em; }
@@ -2632,7 +2633,7 @@ div.content {
         min-width: 100%; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator,
         #conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
-          background-color: #E76F51;
+          background-color: #E77051;
           max-width: 70%; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .chat-content,
         #conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
@@ -2741,7 +2742,7 @@ div.content {
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
           font-size: 90%;
-          color: #D24E2B; }
+          color: #A53214; }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
@@ -2757,7 +2758,7 @@ div.content {
     border-bottom-right-radius: 0; }
   #converse-embedded-chat .chatroom form.sendXMPPMessage .send-button,
   #conversejs .chatroom form.sendXMPPMessage .send-button {
-    background-color: #E76F51; }
+    background-color: #E77051; }
   #converse-embedded-chat .chatroom .room-invite .invited-contact,
   #conversejs .chatroom .room-invite .invited-contact {
     margin: -1px 0 0 -1px;
@@ -2776,9 +2777,9 @@ div.content {
   width: -webkit-calc(100% - 250px);
   width: calc(100% - 250px); }
   #conversejs .chatroom .box-flyout {
-    background-color: #E76F51;
-    border: 1em solid #E76F51;
-    border-top: 0.8em solid #E76F51;
+    background-color: #E77051;
+    border: 1em solid #E77051;
+    border-top: 0.8em solid #E77051;
     width: -webkit-calc(100% - 250px);
     width: calc(100% - 250px); }
     #conversejs .chatroom .box-flyout .chatroom-body {
@@ -2820,10 +2821,10 @@ div.content {
     margin: 0 0 0.5em -1px; }
 
 #conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
-  background-color: #2A9D8F; }
+  background-color: #3AA569; }
 #conversejs .chatbox.headlines .flyout {
-  border: 1em solid #2A9D8F;
-  border-top: 0.8em solid #2A9D8F; }
+  border: 1em solid #3AA569;
+  border-top: 0.8em solid #3AA569; }
 
 #converse-embedded-chat,
 #conversejs {
diff --git a/fonticons/fonts/icomoon.eot b/fonticons/fonts/icomoon.eot
index 4b7e8ac125e72a3aebcf22659d19d4edea9bbdf0..907b110326572bce61e87874d9ccc8ea4b5ea7a6 100644
GIT binary patch
delta 371
zcmdlopK-^0M%Eqv3=AR@S<P88m%cTb=&+>zOAh~Q1_q`N3=HmXGEx&$cr1+b85q3o
zFfcHfWdH?On3zHs7`#P*e3gvcl8V*2%%VWP1p@<PLQZ~iVm(XF69xvK89@0>xrr48
z42et^7#MtgfP96##N5=GUYx&y{2ZYAwu1cP5(Z|V41?bnkURr3<K|?>IVO4x|Nk=1
zVm!bgz@W^a&tS*EAgshDDkvgmtY~CrDrlmntSGK%BqqzquE@`*ZaP`VOetECPgt0b
zF#<&XTfxET$t!I1?-833qcHC$F*!LgF?sndj6ed&kYhXmR8!9@BErkq$S2G$%v*24
zVjaoM$jCUISJ(`s1cdJb36MrPhRw^&?up2lyj_|Z&u{aUftv~BVuq{fKMP^><^|sQ
ojEoGE1$>W+_DF7!+9H=DZzI1=VV0tj;vc1J%HKA>@;$`}0DOX81poj5

delta 371
zcmdlnpK;54M%FF<3=9GjS<P9BPcJ<<nbA*VV#tL0^?o1bF)%QFU|?{6k&&91!p&-b
zl7YeN1_J|wSq4ymg^4MIfx%k<$XCh8EvZ<Y%Pb4zn=mjiCgkKNC)WMQxy8WXGX*HW
zDL1jAfFY6T0t17u2avCjmzbM6(~I*rke>lm-&T-cT*AN%lwt4#+Q*>4z|6QgnQ@MZ
zF311lj9rZR4EzjA40;T<3=G0bY@&i9V#bO_W~PEBYRasNMq;vz?27!1wv3Z?&6Fb4
zd4+^{8C^i+zaxyMyn=fFKCv1I@;(ujl@%3{m0igQBt(E5#(bcPX<*e^yh7}Pyyd1W
z<{?asOpLv}g2rGaK=tRrnnXloH?K0gCn9rj>FMHlew(ih+)N<XGF&-V4-6y-y?Kdu
pJ|iQ?WD(z^qFs{fq&CTA$y>>9QJA5qp!iGait?Au?|e@&0ss_LUv~fi

diff --git a/fonticons/fonts/icomoon.svg b/fonticons/fonts/icomoon.svg
index 8bfa08e1e..c24282fca 100644
--- a/fonticons/fonts/icomoon.svg
+++ b/fonticons/fonts/icomoon.svg
@@ -80,7 +80,7 @@
 <glyph unicode="&#xe058;" glyph-name="cancel-circle" d="M256 448c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM384 274.745l-82.744-82.745 82.744-82.744v-45.256h-45.256l-82.744 82.744-82.745-82.744h-45.255v45.256l82.745 82.744-82.745 82.745v45.255h45.255l82.745-82.745 82.744 82.745h45.256v-45.255z" />
 <glyph unicode="&#xe059;" glyph-name="room-info" d="M256 448c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM224 352h64v-64h-64v64zM320 32h-128v32h32v128h-32v32h96v-160h32v-32z" />
 <glyph unicode="&#xe05a;" glyph-name="minus" d="M0 240v-96c0-8.836 7.164-16 16-16h480c8.836 0 16 7.164 16 16v96c0 8.836-7.164 16-16 16h-480c-8.836 0-16-7.164-16-16z" />
-<glyph unicode="&#xe600;" glyph-name="conversejs" horiz-adv-x="410" d="M39.349 367.018c-17.206 0-31.051-13.845-31.051-31.051v-361.923c0-17.207 13.845-31.068 31.051-31.068h323.589c17.207 0 31.068 13.861 31.068 31.068v361.923c0 17.207-13.861 31.051-31.068 31.051h-323.589zM46.803 360.288h309.317c16.698 0 30.151-13.454 30.151-30.151v-118.929l-46.498-52.778h-269.841l-5.207-4.325-47.364-54.733-0.761 83.5 0.242 2.526c-0.109 1.043-0.173 2.092-0.173 3.166v141.571c0 16.698 13.437 30.151 30.134 30.151zM274.731 309.379c-27.38 0-49.578-22.182-49.578-49.56s22.198-49.578 49.578-49.578c27.38 0 49.578 22.198 49.578 49.578s-22.199 49.56-49.578 49.56zM125.65 101.691c0.425 0.010 0.853 0 1.28 0 27.38 0 49.56-22.182 49.56-49.561s-22.181-49.578-49.56-49.578c-27.38 0-49.578 22.199-49.578 49.578 0 26.952 21.51 48.882 48.298 49.561z" />
+<glyph unicode="&#xe600;" glyph-name="conversejs" horiz-adv-x="410" d="M33.015 447.986c-18.29 0-33.005-14.716-33.005-33.006v-384.702c0-18.289 14.716-33.024 33.005-33.024h343.955c18.289 0 33.024 14.734 33.024 33.024v384.702c0 18.29-14.734 33.006-33.024 33.006h-343.955zM40.939 440.833h328.786c17.749 0 32.049-14.301 32.049-32.049v-126.414l-49.425-56.1h-286.825l-5.535-4.597-50.344-58.178-0.809 88.756 0.257 2.685c-0.116 1.109-0.184 2.224-0.184 3.365v150.482c0 17.749 14.283 32.049 32.031 32.049zM283.212 386.719c-29.102 0-52.698-23.577-52.698-52.679s23.595-52.699 52.698-52.699c29.103 0 52.699 23.596 52.699 52.698s-23.596 52.68-52.699 52.68zM124.749 165.96c0.451 0.011 0.906 0 1.361 0 29.102 0 52.679-23.577 52.679-52.68s-23.577-52.698-52.679-52.698c-29.102 0-52.698 23.596-52.698 52.698 0 28.648 22.864 51.958 51.338 52.68z" />
 <glyph unicode="&#xe601;" glyph-name="exit" d="M384 128v64h-160v64h160v64l96-96zM352 160v-128h-160v-96l-192 96v416h352v-160h-32v128h-256l128-64v-288h128v96z" />
 <glyph unicode="&#xe602;" glyph-name="xa" d="M353.825-63.334c-7.731 0.602-18.904 2.467-26.955 4.5-31.274 7.894-61.113 27.811-80.623 53.813l-4.316 5.753-6.785 0.453c-3.732 0.249-9.418 0.76-12.637 1.137l-5.853 0.684-4.602-4.351c-42.045-39.748-93.922-58.769-167.866-61.551l-11.84-0.446v14.216l3.395 1.834c13.346 7.21 24.137 15.128 33.861 24.846 12.21 12.202 19.795 24.279 23.617 37.604 2.056 7.17 3.198 16.552 2.683 22.043-0.975 10.388-0.341 9.2-7.671 14.407-17.231 12.243-36.264 30.14-47.508 44.673-15.707 20.301-27.456 42.712-33.645 64.178-10.544 36.569-8.728 76.714 5.058 111.801 35.493 90.335 141.651 150.144 257.076 144.836 36.486-1.678 67.24-8.061 98.589-20.463 70.337-27.827 121.201-80.164 138.156-142.162 4.647-16.993 6.614-33.061 6.051-49.422-0.656-19.032-3.22-33.797-8.839-50.891l-2.351-7.154 1.998-5.519c12.073-33.352 12.431-69.262 1.027-103.235-3.092-9.213-11.693-26.695-17.157-34.876-14.281-21.379-32.64-38.056-55.062-50.013-23.134-12.337-52.597-18.66-77.8-16.696v0zM377.786-23.706c11.009 1.306 24.373 5.429 35.034 10.81 19.764 9.974 38.827 29.211 48.958 49.404 25.974 51.769 9.822 114.568-37.703 146.593-11.748 7.916-25.447 13.569-40.299 16.629-10.827 2.231-29.448 2.262-40.399 0.069-73.502-14.72-112.105-95.584-78.077-163.556 12.747-25.462 36.724-46.281 63.726-55.333 15.912-5.334 30.803-6.744 48.76-4.614v0zM375.29 48.832l-30.783 31.428v84.055h37.938v-67.702l24.959-25.537c13.728-14.045 24.952-25.75 24.943-26.012s-5.924-6.592-13.145-14.067l-13.13-13.591-30.783 31.428zM168.934 47.403c2.823 2.651 7.016 6.212 9.318 7.912 9.934 7.338 23.738 12.284 34.286 12.284h3.566l-0.527 5.169c-0.906 8.889-0.505 29.149 0.744 37.519 4.928 33.042 18.965 61.7 41.608 84.95 12.924 13.27 25.206 22.282 40.984 30.072 19.443 9.6 37.712 14.121 59.903 14.825 29.371 0.931 55.94-6.053 81.034-21.303l7.155-4.348v2.429c-0.006 3.828-1.878 14.427-3.697 20.909-6.327 22.551-20.584 44.728-39.897 62.056-30.675 27.525-68.606 44.102-116.477 50.902-10.048 1.428-39.526 2.019-50.95 1.022-46.279-4.040-86.225-19.189-119.439-45.298-6.522-5.127-21.262-20.093-26.063-26.464-27.791-36.876-33.073-78.924-14.783-117.696 10.785-22.863 29.244-43.615 53.472-60.116 10.876-7.408 18.928-16.448 24.006-26.957 3.623-7.497 5.441-14.452 6.362-24.327 0.394-4.229 0.855-8.399 1.024-9.265 0.303-1.552 0.329-1.557 1.774-0.336 0.806 0.682 3.776 3.409 6.599 6.061h-0.002z" />
 <glyph unicode="&#xf0ac;" glyph-name="globe" d="M219.429 395.429q59.715 0 110.143-29.429t79.857-79.857 29.428-110.143-29.428-110.143-79.857-79.857-110.143-29.428-110.143 29.428-79.857 79.857-29.428 110.143 29.428 110.143 79.857 79.857 110.143 29.429zM297.714 246.572q-0.572-0.286-2.714-2.714t-3.857-2.714q0.572 0 1.286 1.429t1.428 3.143 1 2q1.714 2 6.286 4.286 4 1.714 14.857 3.429 9.714 2.285 14.572-3.143-0.572 0.571 2.714 3.714t4.143 3.429q0.857 0.571 4.286 1.285t4.286 2.143l0.572 6.286q-3.428-0.286-5 2t-1.857 6q0-0.571-1.714-2.286 0 2-1.286 2.286t-3.286-0.286-2.572-0.286q-2.857 0.857-4.286 2.143t-2.286 4.715-1.143 4.285q-0.572 1.429-2.714 3.143t-2.714 2.857q-0.286 0.572-0.714 1.572t-0.857 1.857-1.143 1.572-1.572 0.714-2-1.429-2.143-2.857-1.286-1.428q-0.857 0.571-1.714 0.428t-1.286-0.286-1.286-0.857-1.428-1q-0.857-0.571-2.428-0.857t-2.428-0.572q4.286 1.429-0.286 3.143-2.857 1.143-4.572 0.857 2.572 1.143 2.143 3.429t-2.428 4h1.428q-0.286 1.143-2.428 2.428t-5 2.429-3.714 1.714q-2.286 1.428-9.714 2.714t-9.428 0.143q-1.428-1.715-1.286-3t1.143-4 1-3.572q0.286-1.714-1.572-3.714t-1.857-3.429q0-2 4-4.428t2.857-6.143q-0.857-2.286-4.572-4.571t-4.572-3.429q-1.428-2.286-0.428-5.286t3-4.714q0.572-0.571 0.428-1.143t-1-1.286-1.572-1.143-1.857-1l-0.857-0.571q-3.143-1.429-5.857 1.714t-3.857 7.428q-2 7.143-4.572 8.572-6.572 2.286-8.286-0.285-1.429 3.714-11.714 7.428-7.143 2.571-16.572 1.143 1.714 0.286 0 4.286-2 4.286-5.428 3.428 0.857 1.715 1.143 5t0.286 3.857q0.857 3.714 3.429 6.572 0.286 0.286 2 2.428t2.714 3.857 0.143 1.714q10-1.143 14.286 3.143 1.429 1.428 3.286 4.857t3 4.857q2.571 1.714 4 1.572t4.143-1.572 4.143-1.428q4-0.286 4.429 3.143t-2.143 5.715q3.429-0.286 0.857 4.857-1.143 2-2.286 2.572-3.429 1.143-7.714-1.428-2.286-1.143 0.571-2.286-0.286 0.286-2.714-3t-4.714-5-4.571 1.428q-0.286 0.286-1.571 3.857t-2.714 3.857q-2.286 0-4.571-4.285 0.857 2.285-3.143 4.285t-6.857 2.286q5.428 3.428-2.286 7.714-2 1.143-5.857 1.428t-5.571-1.143q-1.429-2-1.571-3.286t1.429-2.285 3-1.572 3.286-1.143 2.429-0.857q4-2.857 2.286-4-0.571-0.286-2.429-1t-3.286-1.286-1.714-1.143q-0.857-1.143 0-4t-0.571-4q-1.429 1.428-2.571 5t-2 4.714q2-2.572-7.143-1.714l-2.857 0.285q-1.143 0-4.572-0.572t-5.857-0.285-3.857 2.285q-1.143 2.286 0 5.715 0.286 1.143 1.143 0.572-1.143 0.857-3.143 2.714t-2.857 2.428q-13.143-4.286-26.857-11.714 1.714-0.286 3.429 0.285 1.429 0.572 3.714 1.857t2.857 1.572q9.714 4 12 2l1.429 1.428q4-4.572 5.714-7.143-2 1.143-8.571 0.285-5.714-1.714-6.286-3.428 2-3.428 1.429-5.143-1.143 0.857-3.286 2.857t-4.143 3.143-4.286 1.429q-4.572 0-6.286-0.286-41.715-22.857-67.143-63.428 2-2 3.428-2.286 1.143-0.285 1.428-2.571t0.715-3.143 3.285 0.857q2.572-2.286 0.857-5.428 0.285 0.285 12.572-7.715 5.428-4.857 6-6 0.857-3.143-2.857-5.143-0.285 0.571-2.572 2.571t-2.572 1.143q-0.857-1.429 0.143-5.286t3-3.571q-2 0-2.715-4.572t-0.715-10.143-0.285-6.714l0.572-0.286q-0.857-3.429 1.572-9.857t6.143-5.572q-3.715-0.857 5.715-12.286 1.715-2.286 2.285-2.571 0.857-0.571 3.428-2.143t4.285-2.857 2.857-3q1.143-1.429 2.857-6.429t4-6.714q-0.572-1.715 2.715-5.715t3-6.572q-0.285 0-0.715-0.285t-0.715-0.286q0.857-2 4.428-4t4.429-3.714q0.286-0.857 0.571-2.857t0.857-3.143 2.286-0.572q0.571 5.714-6.857 17.714-4.285 7.143-4.857 8.286-0.857 1.428-1.572 4.428t-1.285 4.143q0.572 0 1.715-0.428t2.428-1 2.143-1.143 0.572-0.857q-0.857-2 0.572-5t3.429-5.285 4.857-5.428 3.429-3.715q1.714-1.714 4-5.572t0-3.857q2.571 0 5.714-3t4.857-5.572q1.429-2.286 2.286-7.428t1.429-6.857q0.571-2 2.429-3.857t3.571-2.715l4.571-2.285t3.714-2q1.429-0.572 5.286-3t6.143-3.286q2.857-1.143 4.571-1.143t4.143 0.714 3.857 1q4.286 0.572 8.286-4.285t6-6q10.286-5.428 15.714-3.143-0.571-0.285 0.143-2.143t2.286-4.428 2.571-4.143 1.571-2.428q1.429-1.714 5.143-4.285t5.143-4.286q1.714 1.143 2 2.572-0.857-2.285 2-5.714t5.143-2.857q4 0.857 4 9.143-8.857-4.285-14 5.143 0 0.285-0.714 1.572t-1.143 2.428-0.714 2.428 0 2.143 1.429 0.857q2.571 0 2.857 1t-0.571 3.572-1.143 3.714q-0.286 2.286-3.143 5.715t-3.429 4.285q-1.429-2.572-4.571-2.285t-4.572 2.572q0-0.286-0.429-1.572t-0.429-1.857q-3.714 0-4.286 0.286 0.286 0.857 0.714 5t1 6.428q0.286 1.143 1.571 3.428t2.143 4.143 1.143 3.572-1.286 2.715-5 0.714q-5.429-0.285-7.429-5.714-0.286-0.857-0.857-3t-1.429-3.286-2.571-2q-2-0.857-6.857-0.572t-6.857 1.428q-3.714 2.286-6.429 8.286t-2.714 10.572q0 2.857 0.714 7.572t0.857 7.143-1.571 7q0.857 0.572 2.571 2.715t2.857 3q0.571 0.285 1.286 0.428t1.286 0 1.143 0.428 0.857 1.714q-0.286 0.286-1.143 0.857-0.857 0.857-1.143 0.857 2-0.857 8.143 0.428t7.857-0.428q4.286-3.143 6.286 0.572 0 0.286-0.714 2.715t-0.143 3.857q1.429-7.714 8.286-2.572 0.857-0.857 4.429-1.428t5-1.428q0.857-0.572 2-1.572t1.571-1.285 1.429 0.143 2.429 1.857q2.857-4 3.429-6.857 3.143-11.428 5.428-12.572 2-0.857 3.143-0.572t1.286 2.715 0 4-0.429 3.572l-0.286 2.285v5.143l-0.286 2.285q-4.286 0.857-5.286 3.428t0.429 5.286 4.286 5.285q0.286 0.286 2.286 1t4.429 1.857 3.572 2.286q6 5.429 4.286 10 2 0 3.143 2.571-0.286 0-1.428 0.857t-2.143 1.429-1.286 0.571q2.572 1.429 0.572 4.571 1.428 0.857 2.143 3.143t2.143 2.857q2.572-3.429 6-0.571 2.286 2.286 0.286 4.571 1.428 2 5.857 3t5.286 2.714q2-0.571 2.286 0.571t0.286 3.429 0.857 3.429q1.143 1.429 4.286 2.571t3.714 1.429l4.857 3.143q0.857 1.143 0 1.143 5.143-0.571 8.857 3.143 2.857 3.143-1.714 5.714 0.857 1.714-0.857 2.714t-4.286 1.571q0.857 0.286 3.286 0.143t3 0.429q4.286 2.857-2 4.571-4.857 1.429-12.286-3.429zM251.143-4q58.857 10.286 100.285 54-0.857 0.857-3.572 1.286t-3.572 1q-5.143 2-6.857 2.285 0.286 2-0.714 3.715t-2.286 2.572-3.572 2.285-3.143 2q-0.572 0.572-2 1.715t-2 1.572-2.143 1.285-2.428 0.572-2.857-0.285l-0.857-0.286q-0.857-0.285-1.572-0.714t-1.572-0.857-1.143-0.857 0-0.715q-6 4.857-10.286 6.286-1.428 0.285-3.143 1.572t-3 2-2.857 0.428-3.286-2q-1.428-1.428-1.714-4.286t-0.572-3.714q-2 1.428 0 5t0.572 5.285q-0.857 1.715-3 1.286t-3.428-1.286-3.286-2.428-2.572-1.857-2.428-1.572-2.428-2.143q-0.857-1.143-1.714-3.428t-1.428-3.143q-0.572 1.143-3.286 1.857t-2.714 1.572q0.572-2.857 1.143-10t1.428-10.857q2-8.857-3.428-13.714-7.714-7.143-8.286-11.428-1.143-6.286 3.429-7.428 0-2-2.286-5.857t-2-6.143q0-1.715 0.571-4.572z" />
diff --git a/fonticons/fonts/icomoon.ttf b/fonticons/fonts/icomoon.ttf
index 1f0b1439184b7b8070174ed64de04cc7c1c2ffca..b0c8eb57504c3eb4687c607d882ce0ddf7e4d9c5 100644
GIT binary patch
delta 355
zcmbO*k8#R8#t9DfUvl_gGcYiHU|?{6laZR3!ee2a&%oeyhk=2?ECVRO!o(E9z~C(c
z<f~-lmQ<|HWfleUEf^RW6LRvC6YE)Wo-i=@%mB)7%1x{&U`S-Tz`)?^1LP~@CFZ8i
z^y2&t<mUj@w-w|UmoP8`Wf=UvfaDpN88_~qW1`3K|1aY##sdrj49X1p40a3*!b)tS
zf+AwZibiIpf+lLpisFh!VzP|viu{b~rjt8Nm7*2-goXJSBS7T86&#G7yuwER9<doQ
z3iEyvlamt@lb7GZ2qb_EImQD(HTAqABD{=^e8TL)y!93=){)GNjEvKHh0Q=pK=>|@
z0BMwC*vw>hPejJ#?b6J6ew(ih+)N+`Gh9voSqP&y|MALaWMr6}<8xHBM{<MI7P%aG
X8~JStvlNvS|0rEk{<hi8_Y@-ll@nPQ

delta 350
zcmbO-k8uJJIn=NB`!J7zf$0MSgZqn&)Wj5SR{N6-3|==F7#PelfC4N`Od$*m-U2|r
zN=9x;#p+yUSs>qpfq^k0CqFr{?nllo1_qxgK>1C%i4_G5iA)z57<@f|e1*Kk+|-#~
zoWFtm450e9g8bqV24<iPgCEd71_cIY#*O>unCNo+KhD_2n9sn^pv0iZV9UTDti&cN
zC?aO8Xk=z8XriXfs%Ru8%gC<C&uGgyxzkiBLY-Ggh?mg?ME*O%Xv!<7_wN&{fgtY_
zQCV405n0)lj6gyJ$YIO}s+a~=oy9A}F34MM%3>bE#K^?h%PVLMRsvLi9;``3M0PWq
z**y`NgG)~r$Mf5KW#DE4IhNtdxq4t2LFi51`HYMllM8%~igrn^liDPgC2u9aMPY`b
Rg5ocwE6QIsd-<MX1OUscSSJ7g

diff --git a/fonticons/fonts/icomoon.woff b/fonticons/fonts/icomoon.woff
index 99d35fb5558c303d39c071fd5c61af79b03d6905..51aa67db558be53ef041dff4dad8ff20c536ea98 100644
GIT binary patch
delta 394
zcmcaJkMY4gMzL~#H#Y`G1|aZHVBiMRA`Fa^FEWWu)N!wW!@%JF=1UI$>x|UI6b1%w
z4WI%u5azKk&d&e}0>u)5d=(I8VPXo&$StV=inTB>FapIH6ISOki{|7f1J(IF0jk*q
z!u2dUPjVA03K$rCX8`#MV4TQwAulmE6)3g?sILu#XL@mQ{w~NbE&;mDVdJ0GCVCA2
z|1!>EJis8ppv<7pV8_59ti&cNC?aO8Xk=z8XriX9D6VKECd<gK$j_*5I{AvJQnVtU
zurMEE1c>~%f`ieMSJ>#^BQ_&OVct(-a&lr~^7304fdr5t$9Mp!rk+<sgqN|APncbp
zx88!qI+B@@k#Rb&uo*}R2;T(~AdPYioBho0iO86|U78usZ}XLbn+fO<28OHYKMP^>
sW)JUtMn;CoJA96c_DF7!+9H=DZzI1=VV0tj;vc1J%HK9m@;$`}0NyEJw*UYD

delta 390
zcmaDbkMYhtMzL~#H#Y`G1|aZ{Vc-VS0t}3kFEWWu)N!wW!NB1DV!hvoc^RpRDGUtW
zDnJEhAk58be=-9o2o#F}@<HM%EKE!x8M!4DK(Ph}2F3&sUY*M<o0FdmROj;msAdxg
z*Zs)3m77>mz`)=;1;|$b<3y$ld5O8HK(Q@AeQh8-(~FDqcR_w}3D9je8~>~}(dGDm
zoUw~BpMjr2i9wISmVrT7iA_{cM9f&x$jnsGL`|7h(MU{|kzJ9W(Ux)YRa2!1bzUJM
zUPc!X`R@p$DX*a3zfY_Ng1k>eWo1Q0WMx+}0tpcyhcO?hVj5U=7OxPyAaA)Ti+KnW
zBNJmUub?ql2~hocuqF`^+08*__e5k4E<Ifw&u{aUftv~F2?mBM=j!Ld=*>Rf`HYMl
lllS->744E-C$&i~OWsO;i^2>=1;t-VSCqeOp5}Xs5dcl;V7dSR

diff --git a/fonticons/selection.json b/fonticons/selection.json
index b1eb8bf30..443f2a49f 100644
--- a/fonticons/selection.json
+++ b/fonticons/selection.json
@@ -25,15 +25,15 @@
         "name": "save"
       },
       "setIdx": 0,
-      "setId": 6,
+      "setId": 8,
       "iconIdx": 0
     },
     {
       "icon": {
-        "width": 1170,
         "paths": [
           "M512 692.571q0-30.857-4.286-57.429t-14-51.429-29.143-39.143-46.286-14.286q-36.571 36.571-89.143 36.571t-89.143-36.571q-26.857 0-46.286 14.286t-29.143 39.143-14 51.429-4.286 57.429q0 31.429 18 53.429t43.143 22h243.429q25.143 0 43.143-22t18-53.429zM438.857 438.857q0-45.714-32-77.714t-77.714-32-77.714 32-32 77.714 32 77.714 77.714 32 77.714-32 32-77.714zM1024 713.143v-36.571q0-8-5.143-13.143t-13.143-5.143h-402.286q-8 0-13.143 5.143t-5.143 13.143v36.571q0 8 5.143 13.143t13.143 5.143h402.286q8 0 13.143-5.143t5.143-13.143zM804.571 566.857v-36.571q0-8-5.143-13.143t-13.143-5.143h-182.857q-8 0-13.143 5.143t-5.143 13.143v36.571q0 8 5.143 13.143t13.143 5.143h182.857q8 0 13.143-5.143t5.143-13.143zM1024 566.857v-36.571q0-8-5.143-13.143t-13.143-5.143h-109.714q-8 0-13.143 5.143t-5.143 13.143v36.571q0 8 5.143 13.143t13.143 5.143h109.714q8 0 13.143-5.143t5.143-13.143zM1024 420.571v-36.571q0-8-5.143-13.143t-13.143-5.143h-402.286q-8 0-13.143 5.143t-5.143 13.143v36.571q0 8 5.143 13.143t13.143 5.143h402.286q8 0 13.143-5.143t5.143-13.143zM73.143 219.429h1024v-54.857q0-8-5.143-13.143t-13.143-5.143h-987.429q-8 0-13.143 5.143t-5.143 13.143v54.857zM1170.286 164.571v694.857q0 37.714-26.857 64.571t-64.571 26.857h-987.429q-37.714 0-64.571-26.857t-26.857-64.571v-694.857q0-37.714 26.857-64.571t64.571-26.857h987.429q37.714 0 64.571 26.857t26.857 64.571z"
         ],
+        "width": 1170,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -53,15 +53,15 @@
         "name": "idcard-dark"
       },
       "setIdx": 0,
-      "setId": 6,
+      "setId": 8,
       "iconIdx": 1
     },
     {
       "icon": {
-        "width": 1170,
         "paths": [
           "M512 692.571q0 31.429-18 53.429t-43.143 22h-243.429q-25.143 0-43.143-22t-18-53.429q0-30.857 4.286-57.429t14-51.429 29.143-39.143 46.286-14.286q36.571 36.571 89.143 36.571t89.143-36.571q26.857 0 46.286 14.286t29.143 39.143 14 51.429 4.286 57.429zM438.857 438.857q0 45.714-32 77.714t-77.714 32-77.714-32-32-77.714 32-77.714 77.714-32 77.714 32 32 77.714zM1024 676.571v36.571q0 8-5.143 13.143t-13.143 5.143h-402.286q-8 0-13.143-5.143t-5.143-13.143v-36.571q0-8 5.143-13.143t13.143-5.143h402.286q8 0 13.143 5.143t5.143 13.143zM804.571 530.286v36.571q0 8-5.143 13.143t-13.143 5.143h-182.857q-8 0-13.143-5.143t-5.143-13.143v-36.571q0-8 5.143-13.143t13.143-5.143h182.857q8 0 13.143 5.143t5.143 13.143zM1024 530.286v36.571q0 8-5.143 13.143t-13.143 5.143h-109.714q-8 0-13.143-5.143t-5.143-13.143v-36.571q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143zM1024 384v36.571q0 8-5.143 13.143t-13.143 5.143h-402.286q-8 0-13.143-5.143t-5.143-13.143v-36.571q0-8 5.143-13.143t13.143-5.143h402.286q8 0 13.143 5.143t5.143 13.143zM1097.143 859.429v-640h-1024v640q0 7.429 5.429 12.857t12.857 5.429h987.429q7.429 0 12.857-5.429t5.429-12.857zM1170.286 164.571v694.857q0 37.714-26.857 64.571t-64.571 26.857h-987.429q-37.714 0-64.571-26.857t-26.857-64.571v-694.857q0-37.714 26.857-64.571t64.571-26.857h987.429q37.714 0 64.571 26.857t26.857 64.571z"
         ],
+        "width": 1170,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -81,15 +81,15 @@
         "name": "idcard"
       },
       "setIdx": 0,
-      "setId": 6,
+      "setId": 8,
       "iconIdx": 2
     },
     {
       "icon": {
-        "width": 951,
         "paths": [
           "M894.857 638.286l-95.429 18.857 106.286 61.143q13.143 7.429 16.857 22t-3.714 27.714q-8 13.143-22.286 16.857t-27.429-3.714l-106.286-60.571 31.429 91.429q7.429 21.714-6.857 36.286t-34.571 11.714-27.714-24l-58.286-171.429-154.857-89.143v178.857l118.857 136q9.143 10.286 9.714 22.286t-6.286 20.857-16.286 14.286-21.143 3.143-20.857-12.571l-64-73.143v122.286q0 14.857-10.857 25.714t-25.714 10.857-25.714-10.857-10.857-25.714v-122.286l-64 73.143q-9.143 10.286-20.857 12.571t-21.143-3.143-16.286-14.286-6.286-20.857 9.714-22.286l118.857-136v-178.857l-154.857 89.143-58.286 171.429q-7.429 21.143-27.714 24t-34.571-11.714-6.857-36.286l31.429-91.429-106.286 60.571q-13.143 7.429-27.429 3.714t-22.286-16.857q-7.429-13.143-3.714-27.714t16.857-22l106.286-61.143-95.429-18.857q-16.571-3.429-24-16.571t-4.857-26.571 14.571-22.857 28.571-6l177.143 35.429 154.857-89.714-154.857-89.714-177.143 35.429q-2.286 0.571-7.429 0.571-15.429 0-25.143-10.286t-10.857-22.857 6.286-24.571 22.857-14.857l95.429-18.857-106.286-61.143q-13.143-7.429-16.857-22t3.714-27.714 22.286-17.143 27.429 4l106.286 60.571-31.429-91.429q-7.429-21.714 6.857-36.286t34.571-11.714 27.714 24l58.286 171.429 154.857 89.143v-178.857l-118.857-136q-9.143-10.286-9.714-22.286t6.286-20.857 16.286-14.286 21.143-3.143 20.857 12.571l64 73.143v-122.286q0-14.857 10.857-25.714t25.714-10.857 25.714 10.857 10.857 25.714v122.286l64-73.143q9.143-10.286 20.857-12.571t21.143 3.143 16.286 14.286 6.286 20.857-9.714 22.286l-118.857 136v178.857l154.857-89.143 58.286-171.429q7.429-21.143 27.714-24t34.571 11.714 6.857 36.286l-31.429 91.429 106.286-60.571q13.143-7.429 27.429-3.714t22.286 16.857q7.429 13.143 3.714 27.714t-16.857 22l-106.286 61.143 95.429 18.857q15.429 2.857 22.857 14.857t6.286 24.571-10.857 22.857-25.143 10.286q-5.143 0-7.429-0.571l-177.143-35.429-154.857 89.714 154.857 89.714 177.143-35.429q16.571-3.429 28.571 6t14.571 22.857-4.857 26.571-24 16.571z"
         ],
+        "width": 951,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -109,7 +109,7 @@
         "name": "snowflake"
       },
       "setIdx": 0,
-      "setId": 6,
+      "setId": 8,
       "iconIdx": 3
     },
     {
@@ -128,7 +128,7 @@
       },
       "attrs": [],
       "properties": {
-        "id": 84,
+        "id": 4,
         "order": 9,
         "ligatures": "",
         "prevSize": 32,
@@ -136,8 +136,8 @@
         "name": "globe"
       },
       "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 84
+      "setId": 8,
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -155,7 +155,7 @@
       },
       "attrs": [],
       "properties": {
-        "id": 85,
+        "id": 5,
         "order": 10,
         "ligatures": "",
         "prevSize": 32,
@@ -163,15 +163,15 @@
         "name": "legal"
       },
       "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 85
+      "setId": 8,
+      "iconIdx": 5
     },
     {
       "icon": {
-        "width": 1097,
         "paths": [
           "M338.857 512q-92.571 2.857-151.429 73.143h-76.571q-46.857 0-78.857-23.143t-32-67.714q0-201.714 70.857-201.714 3.429 0 24.857 12t55.714 24.286 68 12.286q38.286 0 76-13.143-2.857 21.143-2.857 37.714 0 79.429 46.286 146.286zM950.857 876q0 68.571-41.714 108.286t-110.857 39.714h-499.429q-69.143 0-110.857-39.714t-41.714-108.286q0-30.286 2-59.143t8-62.286 15.143-62 24.571-55.714 35.429-46.286 48.857-30.571 63.714-11.429q5.714 0 24.571 12.286t41.714 27.429 61.143 27.429 77.143 12.286 77.143-12.286 61.143-27.429 41.714-27.429 24.571-12.286q34.857 0 63.714 11.429t48.857 30.571 35.429 46.286 24.571 55.714 15.143 62 8 62.286 2 59.143zM365.714 146.286q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM768 365.714q0 90.857-64.286 155.143t-155.143 64.286-155.143-64.286-64.286-155.143 64.286-155.143 155.143-64.286 155.143 64.286 64.286 155.143zM1097.143 494.286q0 44.571-32 67.714t-78.857 23.143h-76.571q-58.857-70.286-151.429-73.143 46.286-66.857 46.286-146.286 0-16.571-2.857-37.714 37.714 13.143 76 13.143 33.714 0 68-12.286t55.714-24.286 24.857-12q70.857 0 70.857 201.714zM1024 146.286q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429z"
         ],
+        "width": 1097,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -183,7 +183,7 @@
       },
       "attrs": [],
       "properties": {
-        "id": 86,
+        "id": 6,
         "order": 11,
         "ligatures": "",
         "prevSize": 32,
@@ -191,8 +191,8 @@
         "name": "group"
       },
       "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 86
+      "setId": 8,
+      "iconIdx": 6
     },
     {
       "icon": {
@@ -210,7 +210,7 @@
       },
       "attrs": [],
       "properties": {
-        "id": 87,
+        "id": 7,
         "order": 12,
         "ligatures": "",
         "prevSize": 32,
@@ -218,8 +218,8 @@
         "name": "database"
       },
       "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 87
+      "setId": 8,
+      "iconIdx": 7
     },
     {
       "icon": {
@@ -244,21 +244,21 @@
       ],
       "properties": {
         "order": 1,
-        "id": 4,
+        "id": 0,
         "prevSize": 32,
         "code": 58882,
         "name": "xa"
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 4
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 0
     },
     {
       "icon": {
-        "width": 820,
         "paths": [
-          "M78.697 161.965c-34.413 0-62.102 27.689-62.102 62.102v723.845c0 34.413 27.689 62.137 62.102 62.137h647.178c34.413 0 62.137-27.723 62.137-62.137v-723.845c0-34.413-27.723-62.102-62.137-62.102h-647.178zM93.606 175.423h618.635c33.396 0 60.303 26.908 60.303 60.303v237.857l-92.997 105.556h-539.683l-10.414 8.65-94.727 109.466-1.522-167.001 0.484-5.052c-0.218-2.087-0.346-4.185-0.346-6.332v-283.143c0-33.396 26.874-60.303 60.268-60.303zM549.461 277.243c-54.759 0-99.156 44.363-99.156 99.121s44.397 99.156 99.156 99.156c54.759 0 99.156-44.397 99.156-99.156s-44.397-99.121-99.156-99.121zM251.301 692.618c0.85-0.021 1.705 0 2.56 0 54.759 0 99.121 44.363 99.121 99.121s-44.363 99.156-99.121 99.156c-54.759 0-99.156-44.397-99.156-99.156 0-53.903 43.020-97.763 96.596-99.121z"
+          "M66.030 0.028c-36.579 0-66.011 29.432-66.011 66.011v769.403c0 36.579 29.432 66.048 66.011 66.048h687.91c36.579 0 66.048-29.468 66.048-66.048v-769.403c0-36.579-29.468-66.011-66.048-66.011h-687.91zM81.878 14.334h657.571c35.498 0 64.098 28.602 64.098 64.098v252.827l-98.85 112.2h-573.65l-11.069 9.194-100.689 116.356-1.618-177.512 0.514-5.37c-0.232-2.218-0.368-4.448-0.368-6.731v-300.964c0-35.498 28.565-64.098 64.061-64.098zM566.423 122.563c-58.205 0-105.397 47.155-105.397 105.359s47.191 105.397 105.397 105.397c58.205 0 105.397-47.191 105.397-105.397s-47.191-105.359-105.397-105.359zM249.498 564.081c0.903-0.022 1.812 0 2.721 0 58.205 0 105.359 47.155 105.359 105.359s-47.155 105.397-105.359 105.397c-58.205 0-105.397-47.191-105.397-105.397 0-57.296 45.728-103.916 102.676-105.359z"
         ],
+        "width": 820,
         "attrs": [
           {
             "opacity": 1,
@@ -279,16 +279,16 @@
         }
       ],
       "properties": {
-        "order": 2,
-        "id": 5,
+        "order": 94,
+        "id": 1,
         "prevSize": 32,
         "code": 58880,
         "name": "conversejs",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 5
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 1
     },
     {
       "icon": {
@@ -308,15 +308,15 @@
       "attrs": [],
       "properties": {
         "order": 3,
-        "id": 6,
+        "id": 2,
         "prevSize": 32,
         "code": 9658,
         "name": "closed",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 6
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 2
     },
     {
       "icon": {
@@ -333,16 +333,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 7,
+        "id": 3,
         "order": 4,
         "prevSize": 32,
         "code": 9660,
         "name": "opened",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 7
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 3
     },
     {
       "icon": {
@@ -364,15 +364,15 @@
       "attrs": [],
       "properties": {
         "order": 5,
-        "id": 8,
+        "id": 4,
         "prevSize": 32,
         "code": 10003,
         "name": "checkmark",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 8
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -392,16 +392,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 9,
+        "id": 5,
         "order": 6,
         "prevSize": 32,
         "code": 57344,
         "name": "home",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 9
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 5
     },
     {
       "icon": {
@@ -423,16 +423,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 10,
+        "id": 6,
         "order": 7,
         "prevSize": 32,
         "code": 9998,
         "name": "pencil",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 10
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 6
     },
     {
       "icon": {
@@ -453,16 +453,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 13,
+        "id": 7,
         "order": 11,
         "prevSize": 32,
         "code": 9835,
         "name": "music",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 13
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 7
     },
     {
       "icon": {
@@ -484,16 +484,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 15,
+        "id": 8,
         "order": 13,
         "prevSize": 32,
         "code": 9743,
         "name": "phone",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 15
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 8
     },
     {
       "icon": {
@@ -515,16 +515,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 16,
+        "id": 9,
         "order": 14,
         "prevSize": 32,
         "code": 9742,
         "name": "phone-hang-up",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 16
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 9
     },
     {
       "icon": {
@@ -544,16 +544,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 17,
+        "id": 10,
         "order": 15,
         "prevSize": 32,
         "code": 9999,
         "name": "address-book",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 17
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 10
     },
     {
       "icon": {
@@ -574,16 +574,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 18,
+        "id": 11,
         "order": 16,
         "prevSize": 32,
         "code": 10000,
         "name": "notebook",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 18
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 11
     },
     {
       "icon": {
@@ -602,16 +602,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 20,
+        "id": 12,
         "order": 18,
         "prevSize": 32,
         "code": 57362,
         "name": "pushpin",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 20
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 12
     },
     {
       "icon": {
@@ -632,16 +632,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 21,
+        "id": 13,
         "order": 19,
         "prevSize": 32,
         "code": 9724,
         "name": "online",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 21
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 13
     },
     {
       "icon": {
@@ -662,23 +662,23 @@
       },
       "attrs": [],
       "properties": {
-        "id": 22,
+        "id": 14,
         "order": 20,
         "prevSize": 32,
         "code": 9723,
         "name": "away",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 22
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 14
     },
     {
       "icon": {
-        "width": 1152,
         "paths": [
           "M1088 901.166c0 45.5 26.028 84.908 64 104.184v15.938c-10.626 1.454-21.472 2.224-32.5 2.224-68.008 0-129.348-28.528-172.722-74.264-26.222 6.982-54.002 10.752-82.778 10.752-159.058 0-288-114.616-288-256s128.942-256 288-256c159.058 0 288 114.616 288 256 0 55.348-19.764 106.592-53.356 148.466-6.824 14.824-10.644 31.312-10.644 48.7zM230.678 221.186c-66.214 53.798-102.678 122.984-102.678 194.814 0 40.298 11.188 79.378 33.252 116.15 22.752 37.92 56.982 72.586 98.988 100.252 30.356 19.992 50.78 51.948 56.176 87.894 1.8 11.984 2.928 24.088 3.37 36.124 7.47-6.194 14.75-12.846 21.88-19.976 24.154-24.152 56.78-37.49 90.502-37.49 5.368 0 10.762 0.336 16.156 1.024 20.948 2.662 42.344 4.016 63.594 4.020v128c-27.128-0.002-53.754-1.738-79.742-5.042-109.978 109.978-241.25 129.7-368.176 132.596v-26.916c68.536-33.578 128-94.74 128-164.636 0-9.754-0.758-19.33-2.164-28.696-115.796-76.264-189.836-192.754-189.836-323.304 0-229.75 229.23-416 512-416 278.458 0 504.992 180.614 511.836 405.52-41.096-18.316-85.84-29.422-132.262-32.578-11.53-56.068-45.402-108.816-98.252-151.756-35.322-28.698-76.916-51.39-123.628-67.444-49.706-17.080-102.76-25.742-157.694-25.742-54.932 0-107.988 8.662-157.694 25.742-46.712 16.054-88.306 38.744-123.628 67.444z"
         ],
+        "width": 1152,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -693,23 +693,23 @@
       },
       "attrs": [],
       "properties": {
-        "id": 23,
+        "id": 15,
         "order": 21,
         "prevSize": 32,
         "code": 57365,
         "name": "bubbles",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 23
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 15
     },
     {
       "icon": {
-        "width": 1152,
         "paths": [
           "M480 0v0c265.096 0 480 173.914 480 388.448s-214.904 388.448-480 388.448c-25.458 0-50.446-1.62-74.834-4.71-103.106 102.694-222.172 121.108-341.166 123.814v-25.134c64.252-31.354 116-88.466 116-153.734 0-9.106-0.712-18.048-2.030-26.794-108.558-71.214-177.97-179.988-177.97-301.89 0-214.534 214.904-388.448 480-388.448zM996 870.686c0 55.942 36.314 104.898 92 131.772v21.542c-103.126-2.318-197.786-18.102-287.142-106.126-21.14 2.65-42.794 4.040-64.858 4.040-95.47 0-183.408-25.758-253.614-69.040 144.674-0.506 281.26-46.854 384.834-130.672 52.208-42.252 93.394-91.826 122.414-147.348 30.766-58.866 46.366-121.582 46.366-186.406 0-10.448-0.45-20.836-1.258-31.168 72.57 59.934 117.258 141.622 117.258 231.676 0 104.488-60.158 197.722-154.24 258.764-1.142 7.496-1.76 15.16-1.76 22.966z"
         ],
+        "width": 1152,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -724,23 +724,23 @@
       },
       "attrs": [],
       "properties": {
-        "id": 24,
+        "id": 16,
         "order": 22,
         "prevSize": 32,
         "code": 57366,
         "name": "bubbles2",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 24
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 16
     },
     {
       "icon": {
-        "width": 1152,
         "paths": [
           "M480 128c-50.666 0-99.582 7.95-145.386 23.628-42.924 14.694-81.114 35.436-113.502 61.646-60.044 48.59-93.112 110.802-93.112 175.174 0 35.99 10.066 70.948 29.92 103.898 20.686 34.34 51.898 65.794 90.26 90.958 30.44 19.968 50.936 51.952 56.362 87.95 0.902 5.99 1.63 12.006 2.18 18.032 2.722-2.52 5.424-5.114 8.114-7.794 24.138-24.040 56.688-37.312 90.322-37.312 5.348 0 10.718 0.336 16.094 1.018 19.36 2.452 39.124 3.696 58.748 3.696 50.666 0 99.58-7.948 145.384-23.628 42.926-14.692 81.116-35.434 113.504-61.644 60.046-48.59 93.112-110.802 93.112-175.174s-33.066-126.582-93.112-175.174c-32.388-26.212-70.578-46.952-113.504-61.646-45.804-15.678-94.718-23.628-145.384-23.628zM480 0v0c265.096 0 480 173.914 480 388.448s-214.904 388.448-480 388.448c-25.458 0-50.446-1.62-74.834-4.71-103.106 102.694-222.172 121.108-341.166 123.814v-25.134c64.252-31.354 116-88.466 116-153.734 0-9.106-0.712-18.048-2.030-26.794-108.558-71.214-177.97-179.988-177.97-301.89 0-214.534 214.904-388.448 480-388.448zM996 870.686c0 55.942 36.314 104.898 92 131.772v21.542c-103.126-2.318-197.786-18.102-287.142-106.126-21.14 2.65-42.794 4.040-64.858 4.040-95.47 0-183.408-25.758-253.614-69.040 144.674-0.506 281.26-46.854 384.834-130.672 52.208-42.252 93.394-91.826 122.414-147.348 30.766-58.866 46.366-121.582 46.366-186.406 0-10.448-0.45-20.836-1.258-31.168 72.57 59.934 117.258 141.622 117.258 231.676 0 104.488-60.158 197.722-154.24 258.764-1.142 7.496-1.76 15.16-1.76 22.966z"
         ],
+        "width": 1152,
         "attrs": [],
         "isMulticolor": false,
         "isMulticolor2": false,
@@ -755,16 +755,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 25,
+        "id": 17,
         "order": 23,
         "prevSize": 32,
         "code": 57367,
         "name": "bubbles3",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 25
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 17
     },
     {
       "icon": {
@@ -787,16 +787,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 26,
+        "id": 18,
         "order": 24,
         "prevSize": 32,
         "code": 57370,
         "name": "user",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 26
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 18
     },
     {
       "icon": {
@@ -821,15 +821,15 @@
       "attrs": [],
       "properties": {
         "order": 25,
-        "id": 27,
+        "id": 19,
         "prevSize": 32,
         "code": 57372,
         "name": "hide-users",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 27
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 19
     },
     {
       "icon": {
@@ -854,15 +854,15 @@
       "attrs": [],
       "properties": {
         "order": 26,
-        "id": 28,
+        "id": 20,
         "prevSize": 32,
         "code": 57374,
         "name": "show-users",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 28
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 20
     },
     {
       "icon": {
@@ -885,16 +885,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 29,
+        "id": 21,
         "order": 27,
         "prevSize": 32,
         "code": 57371,
         "name": "users",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 29
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 21
     },
     {
       "icon": {
@@ -913,16 +913,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 30,
+        "id": 22,
         "order": 28,
         "prevSize": 32,
         "code": 57373,
         "name": "quotes-left",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 30
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 22
     },
     {
       "icon": {
@@ -944,16 +944,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 31,
+        "id": 23,
         "order": 29,
         "prevSize": 32,
         "code": 8987,
         "name": "spinner",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 31
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 23
     },
     {
       "icon": {
@@ -974,16 +974,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 32,
+        "id": 24,
         "order": 30,
         "prevSize": 32,
         "code": 57377,
         "name": "search",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 32
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 24
     },
     {
       "icon": {
@@ -1006,16 +1006,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 33,
+        "id": 25,
         "order": 31,
         "prevSize": 32,
         "code": 57378,
         "name": "cogs",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 33
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 25
     },
     {
       "icon": {
@@ -1039,16 +1039,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 34,
+        "id": 26,
         "order": 32,
         "prevSize": 32,
         "code": 57380,
         "name": "wrench",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 34
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 26
     },
     {
       "icon": {
@@ -1067,16 +1067,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 35,
+        "id": 27,
         "order": 33,
         "prevSize": 32,
         "code": 57381,
         "name": "unlocked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 35
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 27
     },
     {
       "icon": {
@@ -1097,16 +1097,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 36,
+        "id": 28,
         "order": 35,
         "prevSize": 32,
         "code": 57383,
         "name": "lock-2",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 36
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 28
     },
     {
       "icon": {
@@ -1129,16 +1129,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 37,
+        "id": 29,
         "order": 36,
         "prevSize": 32,
         "code": 57384,
         "name": "key",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 37
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 29
     },
     {
       "icon": {
@@ -1159,16 +1159,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 38,
+        "id": 30,
         "order": 38,
         "prevSize": 32,
         "code": 57386,
         "name": "zoomout",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 38
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 30
     },
     {
       "icon": {
@@ -1188,16 +1188,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 39,
+        "id": 31,
         "order": 39,
         "prevSize": 32,
         "code": 57387,
         "name": "zoomin",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 39
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 31
     },
     {
       "icon": {
@@ -1221,16 +1221,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 40,
+        "id": 32,
         "order": 40,
         "prevSize": 32,
         "code": 57391,
         "name": "cog",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 40
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 32
     },
     {
       "icon": {
@@ -1253,16 +1253,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 41,
+        "id": 33,
         "order": 41,
         "prevSize": 32,
         "code": 57389,
         "name": "remove",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 41
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 33
     },
     {
       "icon": {
@@ -1283,16 +1283,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 42,
+        "id": 34,
         "order": 42,
         "prevSize": 32,
         "code": 57392,
         "name": "eye",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 42
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 34
     },
     {
       "icon": {
@@ -1317,16 +1317,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 43,
+        "id": 35,
         "order": 43,
         "prevSize": 32,
         "code": 57393,
         "name": "eye-blocked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 43
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 35
     },
     {
       "icon": {
@@ -1345,16 +1345,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 44,
+        "id": 36,
         "order": 44,
         "prevSize": 32,
         "code": 57394,
         "name": "attachment",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 44
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 36
     },
     {
       "icon": {
@@ -1375,16 +1375,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 45,
+        "id": 37,
         "order": 46,
         "prevSize": 32,
         "code": 10084,
         "name": "heart",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 45
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 37
     },
     {
       "icon": {
@@ -1405,16 +1405,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 46,
+        "id": 38,
         "order": 47,
         "prevSize": 32,
         "code": 9787,
         "name": "happy",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 46
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 38
     },
     {
       "icon": {
@@ -1436,16 +1436,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 47,
+        "id": 39,
         "order": 48,
         "prevSize": 32,
         "code": 9757,
         "name": "thumbs-up",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 47
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 39
     },
     {
       "icon": {
@@ -1465,16 +1465,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 48,
+        "id": 40,
         "order": 49,
         "prevSize": 32,
         "code": 9786,
         "name": "smiley",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 48
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 40
     },
     {
       "icon": {
@@ -1495,16 +1495,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 49,
+        "id": 41,
         "order": 50,
         "prevSize": 32,
         "code": 57400,
         "name": "tongue",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 49
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 41
     },
     {
       "icon": {
@@ -1525,16 +1525,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 50,
+        "id": 42,
         "order": 51,
         "prevSize": 32,
         "code": 9785,
         "name": "sad",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 50
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 42
     },
     {
       "icon": {
@@ -1555,16 +1555,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 51,
+        "id": 43,
         "order": 52,
         "prevSize": 32,
         "code": 57402,
         "name": "wink",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 51
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 43
     },
     {
       "icon": {
@@ -1586,16 +1586,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 52,
+        "id": 44,
         "order": 53,
         "prevSize": 32,
         "code": 9065,
         "name": "wondering",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 52
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 44
     },
     {
       "icon": {
@@ -1617,16 +1617,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 53,
+        "id": 45,
         "order": 54,
         "prevSize": 32,
         "code": 9064,
         "name": "confused",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 53
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 45
     },
     {
       "icon": {
@@ -1647,16 +1647,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 54,
+        "id": 46,
         "order": 55,
         "prevSize": 32,
         "code": 9060,
         "name": "shocked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 54
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 46
     },
     {
       "icon": {
@@ -1677,16 +1677,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 55,
+        "id": 47,
         "order": 56,
         "prevSize": 32,
         "code": 9759,
         "name": "evil",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 55
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 47
     },
     {
       "icon": {
@@ -1708,16 +1708,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 56,
+        "id": 48,
         "order": 57,
         "prevSize": 32,
         "code": 57407,
         "name": "angry",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 56
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 48
     },
     {
       "icon": {
@@ -1738,16 +1738,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 57,
+        "id": 49,
         "order": 58,
         "prevSize": 32,
         "code": 57408,
         "name": "cool",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 57
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 49
     },
     {
       "icon": {
@@ -1768,16 +1768,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 58,
+        "id": 50,
         "order": 59,
         "prevSize": 32,
         "code": 57409,
         "name": "grin",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 58
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 50
     },
     {
       "icon": {
@@ -1796,16 +1796,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 59,
+        "id": 51,
         "order": 60,
         "prevSize": 32,
         "code": 9056,
         "name": "info",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 59
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 51
     },
     {
       "icon": {
@@ -1827,16 +1827,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 60,
+        "id": 52,
         "order": 61,
         "prevSize": 32,
         "code": 57375,
         "name": "notification",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 60
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 52
     },
     {
       "icon": {
@@ -1855,16 +1855,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 61,
+        "id": 53,
         "order": 62,
         "prevSize": 32,
         "code": 9888,
         "name": "warning",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 61
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 53
     },
     {
       "icon": {
@@ -1883,16 +1883,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 62,
+        "id": 54,
         "order": 63,
         "prevSize": 32,
         "code": 57413,
         "name": "spell-check",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 62
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 54
     },
     {
       "icon": {
@@ -1911,16 +1911,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 63,
+        "id": 55,
         "order": 71,
         "prevSize": 32,
         "code": 57421,
         "name": "bold",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 63
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 55
     },
     {
       "icon": {
@@ -1939,16 +1939,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 64,
+        "id": 56,
         "order": 72,
         "prevSize": 32,
         "code": 57422,
         "name": "underline",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 64
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 56
     },
     {
       "icon": {
@@ -1967,16 +1967,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 65,
+        "id": 57,
         "order": 73,
         "prevSize": 32,
         "code": 57423,
         "name": "italic",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 65
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 57
     },
     {
       "icon": {
@@ -1995,16 +1995,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 66,
+        "id": 58,
         "order": 74,
         "prevSize": 32,
         "code": 57424,
         "name": "strikethrough",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 66
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 58
     },
     {
       "icon": {
@@ -2027,16 +2027,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 67,
+        "id": 59,
         "order": 75,
         "prevSize": 32,
         "code": 57427,
         "name": "newtab",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 67
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 59
     },
     {
       "icon": {
@@ -2058,16 +2058,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 68,
+        "id": 60,
         "order": 77,
         "prevSize": 32,
         "code": 10005,
         "name": "close",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 68
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 60
     },
     {
       "icon": {
@@ -2090,16 +2090,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 69,
+        "id": 61,
         "order": 78,
         "prevSize": 32,
         "code": 10008,
         "name": "blocked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 69
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 61
     },
     {
       "icon": {
@@ -2120,16 +2120,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 70,
+        "id": 62,
         "order": 79,
         "prevSize": 32,
         "code": 57432,
         "name": "cancel-circle",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 70
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 62
     },
     {
       "icon": {
@@ -2149,16 +2149,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 71,
+        "id": 63,
         "order": 80,
         "prevSize": 32,
         "code": 57434,
         "name": "minus",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 71
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 63
     },
     {
       "icon": {
@@ -2178,16 +2178,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 72,
+        "id": 64,
         "order": 81,
         "prevSize": 32,
         "code": 10010,
         "name": "plus",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 72
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 64
     },
     {
       "icon": {
@@ -2208,16 +2208,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 73,
+        "id": 65,
         "order": 14,
         "prevSize": 32,
         "code": 9745,
         "name": "checkbox-checked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 73
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 65
     },
     {
       "icon": {
@@ -2237,16 +2237,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 74,
+        "id": 66,
         "order": 13,
         "prevSize": 32,
         "code": 11047,
         "name": "checkbox-unchecked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 74
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 66
     },
     {
       "icon": {
@@ -2265,16 +2265,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 75,
+        "id": 67,
         "order": 84,
         "prevSize": 32,
         "code": 11048,
         "name": "checkbox-partial",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 75
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 67
     },
     {
       "icon": {
@@ -2292,16 +2292,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 76,
+        "id": 68,
         "order": 85,
         "prevSize": 32,
         "code": 11046,
         "name": "radio-checked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 76
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 68
     },
     {
       "icon": {
@@ -2320,16 +2320,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 77,
+        "id": 69,
         "order": 86,
         "prevSize": 32,
         "code": 11045,
         "name": "radio-unchecked",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 77
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 69
     },
     {
       "icon": {
@@ -2348,16 +2348,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 78,
+        "id": 70,
         "order": 87,
         "prevSize": 32,
         "code": 57433,
         "name": "room-info",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 78
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 70
     },
     {
       "icon": {
@@ -2376,16 +2376,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 79,
+        "id": 71,
         "order": 88,
         "prevSize": 32,
         "code": 57345,
         "name": "newspaper",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 79
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 71
     },
     {
       "icon": {
@@ -2406,16 +2406,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 80,
+        "id": 72,
         "order": 89,
         "prevSize": 32,
         "code": 11028,
         "name": "image",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 80
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 72
     },
     {
       "icon": {
@@ -2433,16 +2433,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 81,
+        "id": 73,
         "order": 90,
         "prevSize": 32,
         "code": 57346,
         "name": "offline",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 81
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 73
     },
     {
       "icon": {
@@ -2461,15 +2461,15 @@
       "attrs": [],
       "properties": {
         "order": 91,
-        "id": 82,
+        "id": 74,
         "prevSize": 32,
         "code": 57348,
         "name": "busy",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 82
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 74
     },
     {
       "icon": {
@@ -2491,16 +2491,16 @@
       },
       "attrs": [],
       "properties": {
-        "id": 83,
+        "id": 75,
         "order": 92,
         "prevSize": 32,
         "code": 58881,
         "name": "exit",
         "ligatures": ""
       },
-      "setIdx": 0,
-      "setId": 6,
-      "iconIdx": 83
+      "setIdx": 1,
+      "setId": 7,
+      "iconIdx": 75
     }
   ],
   "height": 1024,
diff --git a/fonticons/style.css b/fonticons/style.css
index 3f1d5145b..95337129e 100644
--- a/fonticons/style.css
+++ b/fonticons/style.css
@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?wvi0ht');
-  src:  url('fonts/icomoon.eot?wvi0ht#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?wvi0ht') format('truetype'),
-    url('fonts/icomoon.woff?wvi0ht') format('woff'),
-    url('fonts/icomoon.svg?wvi0ht#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?uikzla');
+  src:  url('fonts/icomoon.eot?uikzla#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?uikzla') format('truetype'),
+    url('fonts/icomoon.woff?uikzla') format('woff'),
+    url('fonts/icomoon.svg?uikzla#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -276,4 +276,3 @@
 .icon-exit:before {
   content: "\e601";
 }
-
diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss
index 2c0e8d73d..45f50f96a 100644
--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -34,11 +34,10 @@
         }
 
         .msgs-indicator {
-            opacity: 0.6;
-            background-color: $warning-color;
+            border-radius: 3px;
+            background-color: $red;
             color: white;
             font-size: $font-size-small;
-            float: right;
             font-weight: normal;
             padding: 0 4px;
             text-shadow: none;
@@ -307,7 +306,9 @@
                         }
                     }
                     .msgs-indicator {
+                        opacity: 0.8;
                         border-top-right-radius: $button-border-radius;
+                        float: right;
                     }
                     &:hover {
                         color: $text-color;
diff --git a/sass/converse/_variables.scss b/sass/converse/_variables.scss
index bf20cdcdd..0bbb6b071 100644
--- a/sass/converse/_variables.scss
+++ b/sass/converse/_variables.scss
@@ -1,10 +1,40 @@
 /*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
-    http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
+    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
  */
-$link-color: #2A9D8F !default;
-$dark-link-color: #015158 !default;
+
+$subdued-color: #A8ABA1 !default;
+$gray-color: #818479 !default;
+$dark-gray-color: #585B51!default;
+
+$lightest-blue: #89B7CD;
+$light-blue: #578EA9;
+$blue: #387592;
+$dark-blue: #206485;
+$darkest-blue: #114C68;
+
+$lightest-red: #FFB9A7;
+$light-red: #FF977C;
+$red: #E77051;
+$dark-red: #D24E2B;
+$darkest-red: #A53214;
+
+$lightest-orange: #FFD6A7;
+$light-orange: #E7A151;
+$orange: #E7A151;
+$dark-orange: #D2842B;
+$darkest-orange: #A56214;
+
+$lightest-green: #8DD8AE;
+$light-green: #5CBC86;
+$green: #3AA569;
+$dark-green: #1E9652;
+$darkest-green: #0E763B;
+
+$link-color: $light-blue !default;
+$dark-link-color: $dark-blue !default;
+$global-background-color: $light-blue !default;
 
 $inverse-link-color: white !default;
 $link-shadow-color: #FAFAFA !default;
@@ -12,17 +42,17 @@ $text-shadow-color: #FAFAFA !default;
 $text-color: #818479 !default;
 $light-text-color: #A8ABA1 !default;
 $border-color: #CCC !default;
-$icon-color: #114327 !default;
-$save-button-color: #436F64 !default;
+$icon-color: $blue !default;
+$save-button-color: $green !default;
 $chat-textarea-height: 70px !default;
 $send-button-height: 27px !default;
 $send-button-margin: 3px !default;
-$message-them-color: #1A9707 !default;
+$message-them-color: $green !default;
 
 $roster-height: 194px !default;
 $roster-item-height: 60px !default;
 
-$chat-head-color: #F4A261 !default;
+$chat-head-color: $orange !default;
 $chat-head-text-color: white !default;
 $chat-head-inverse-text-color: white !default;
 $chat-head-height: 55px !default;
@@ -30,18 +60,14 @@ $chat-head-height: 55px !default;
 $input-focus-color: #1A9707 !default;
 $highlight-color: #DCF9F6 !default;
 
-$subdued-color: #A8ABA1 !default;
-$gray-color: #818479 !default;
-$dark-gray-color: #585B51!default;
-
 $controlbox-dropdown-height: 25px !default;
-$controlbox-head-color: #577BDD !default;
+$controlbox-head-color: $light-blue !default;
 $controlbox-head-height: 55px !default;
 $controlbox-pane-padding: 1em !default;
 
-$primary-color: #2AC611 !default;
-$secondary-color: #83A0D6 !default;
-$warning-color: #D24E2B !default;
+$primary-color: $green !default;
+$secondary-color: $blue !default;
+$warning-color: $dark-red !default;
 
 $light-background-border-color: #B1BFC4 !default;
 $light-background-color: #FCFDFD !default;
@@ -49,9 +75,9 @@ $light-background-color: #FCFDFD !default;
 $toolbar-height: 25px !default;
 $toolbar-color: #FFF5EE !default;
 
-$moderator-color: #D24E2B !default;
-$online-color: #1A9707 !default;
-$error-color: #D24E2B !default;
+$moderator-color: $dark-red !default;
+$online-color: $green !default;
+$error-color: $darkest-red !default;
 
 $button-border-radius: 5px !default;
 $chatbox-border-radius: 4px !default;
@@ -82,11 +108,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;
+$chatroom-head-color: $red !default;
+$chatroom-color-light: $light-red !default;
+$chatroom-color-dark: $darkest-red !default;
 
-$headline-head-color: #2A9D8F !default;
+$headline-head-color: $green !default;
 
 $box-close-button-padding-top: 4px !default;
 $box-close-button-padding-bottom: 4px !default;
diff --git a/sass/inverse/_controlbox.scss b/sass/inverse/_controlbox.scss
index 5cbdda3ee..b94fc9203 100644
--- a/sass/inverse/_controlbox.scss
+++ b/sass/inverse/_controlbox.scss
@@ -8,8 +8,7 @@
         #login-dialog, #register {
             .brand-heading {
                 margin: 10% 0 0 0;
-                font-size: 600%;
-                color: #577BDD;
+                color: $blue;
             }
             .converse-form {
                 margin-top: 4em;
diff --git a/sass/inverse/_core.scss b/sass/inverse/_core.scss
index d02899b94..d03e2cf00 100644
--- a/sass/inverse/_core.scss
+++ b/sass/inverse/_core.scss
@@ -20,6 +20,9 @@ div.content {
         .brand-heading {
             font-size: 600%;
             margin-left: -10%;
+            .icon-conversejs {
+                font-size: 88%;
+            }
         }
         p.no-chats {
             padding-right: 10%;
diff --git a/sass/inverse/_variables.scss b/sass/inverse/_variables.scss
index 708cfd68c..c94967778 100644
--- a/sass/inverse/_variables.scss
+++ b/sass/inverse/_variables.scss
@@ -1,12 +1,40 @@
 /*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
-    http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
+    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
  */
-$global-background-color: #17818B !default;
 
-$link-color: #2A9D8F !default;
-$dark-link-color: #015158 !default;
+$subdued-color: #A8ABA1 !default;
+$gray-color: #818479 !default;
+$dark-gray-color: #585B51!default;
+
+$lightest-blue: #89B7CD;
+$light-blue: #578EA9;
+$blue: #387592;
+$dark-blue: #206485;
+$darkest-blue: #114C68;
+
+$lightest-red: #FFB9A7;
+$light-red: #FF977C;
+$red: #E77051;
+$dark-red: #D24E2B;
+$darkest-red: #A53214;
+
+$lightest-orange: #FFD6A7;
+$light-orange: #E7A151;
+$orange: #E7A151;
+$dark-orange: #D2842B;
+$darkest-orange: #A56214;
+
+$lightest-green: #8DD8AE;
+$light-green: #5CBC86;
+$green: #3AA569;
+$dark-green: #1E9652;
+$darkest-green: #0E763B;
+
+$link-color: $light-blue !default;
+$dark-link-color: $dark-blue !default;
+$global-background-color: $light-blue !default;
 
 $inverse-link-color: white !default;
 $link-shadow-color: #FAFAFA !default;
@@ -14,17 +42,17 @@ $text-shadow-color: #FAFAFA !default;
 $text-color: #818479 !default;
 $light-text-color: #A8ABA1 !default;
 $border-color: #CCC !default;
-$icon-color: #114327 !default;
-$save-button-color: #436F64 !default;
+$icon-color: $blue !default;
+$save-button-color: $green !default;
 $chat-textarea-height: 70px !default;
 $send-button-height: 27px !default;
 $send-button-margin: 3px !default;
-$message-them-color: #1A9707 !default;
+$message-them-color: $green !default;
 
 $roster-height: 194px !default;
 $roster-item-height: 30px !default;
 
-$chat-head-color: #F4A261 !default;
+$chat-head-color: $orange !default;
 $chat-head-text-color: white !default;
 $chat-head-inverse-text-color: white !default;
 $chat-head-height: 55px !default;
@@ -33,18 +61,14 @@ $chatroom-head-height: 55px !default;
 $input-focus-color: #1A9707 !default;
 $highlight-color: #DCF9F6 !default;
 
-$subdued-color: #A8ABA1 !default;
-$gray-color: #818479 !default;
-$dark-gray-color: #585B51!default;
-
 $controlbox-dropdown-height: 30px !default;
-$controlbox-head-color: #577BDD !default;
+$controlbox-head-color: $light-blue !default;
 $controlbox-head-height: 63px !default;
 $controlbox-pane-padding: 1.2em !default;
 
-$primary-color: #2AC611 !default;
-$secondary-color: #83A0D6 !default;
-$warning-color: #D24E2B !default;
+$primary-color: $green !default;
+$secondary-color: $blue !default;
+$warning-color: $dark-red !default;
 
 $light-background-border-color: #B1BFC4 !default;
 $light-background-color: #FCFDFD !default;
@@ -52,9 +76,9 @@ $light-background-color: #FCFDFD !default;
 $toolbar-height: 25px !default;
 $toolbar-color: #FFF5EE !default;
 
-$moderator-color: #D24E2B !default;
-$online-color: #1A9707 !default;
-$error-color: #D24E2B !default;
+$moderator-color: $dark-red !default;
+$online-color: $green !default;
+$error-color: $darkest-red !default;
 
 $button-border-radius: 5px !default;
 $chatbox-border-radius: 7px !default;
@@ -88,11 +112,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;
+$chatroom-head-color: $red !default;
+$chatroom-color-light: $light-red !default;
+$chatroom-color-dark: $darkest-red !default;
 
-$headline-head-color: #2A9D8F !default;
+$headline-head-color: $green !default;
 
 $box-close-button-padding-top: 4px !default;
 $box-close-button-padding-bottom: 4px !default;