CSS fix

dev.html

@@ -28,26 +28,18 @@
 
     converse.initialize({
         auto_away: 300,
+        enable_smacks: true,
         i18n: 'af',
-        // auto_join_rooms: [
-        //     'discuss@conference.conversejs.org',
-        //     'prosody@conference.prosody.im',
-        //     'jdev@conference.jabber.org'
-        // ],
-        theme: 'concord',
+        loglevel: 'debug',
+        message_archiving: 'always',
+        muc_respect_autojoin: true,
         muc_show_logs_before_join: true,
+        notify_all_room_messages: ['discuss@conference.conversejs.org'],
+        persistent_store: 'IndexedDB',
+        theme: 'concord',
+        view_mode: 'fullscreen',
         websocket_url: 'wss://conversejs.org/xmpp-websocket',
-        bosh_service_url: 'https://conversejs.org/http-bind/', // Please use this connection manager only for testing purposes
         whitelisted_plugins: ['converse-debug'],
-        view_mode: 'fullscreen',
-        notify_all_room_messages: [
-            'discuss@conference.conversejs.org'
-        ],
-        enable_smacks: true,
-        persistent_store: 'IndexedDB',
-        muc_respect_autojoin: true,
-        message_archiving: 'always',
-        loglevel: 'debug'
     });
 </script>
 </body>

sass/_bookmarks.scss

 #conversejs {
     #controlbox {
         .bookmarks-toggle, .bookmarks-toggle .fa {
-            color: var(--chatroom-head-bg-color) !important;
+            color: var(--groupchats-header-color) !important;
             &:hover {
                 color: var(--chatroom-head-bg-color-dark) !important;
             }