Darken modal overlay

css/converse.css

@@ -4813,6 +4813,8 @@ body.reset {
     color: #A8ABA1; }
   #conversejs .fa:hover {
     color: #818479; }
+  #conversejs .modal {
+    background-color: rgba(0, 0, 0, 0.4); }
   #conversejs .selected {
     color: #578EA9 !important; }
   #conversejs .circle {

css/inverse.css

@@ -4813,6 +4813,8 @@ body.reset {
     color: #A8ABA1; }
   #conversejs .fa:hover {
     color: #818479; }
+  #conversejs .modal {
+    background-color: rgba(0, 0, 0, 0.4); }
   #conversejs .selected {
     color: #578EA9 !important; }
   #conversejs .circle {

sass/_core.scss

@@ -142,6 +142,10 @@ body.reset {
         color: $gray-color;
     }
 
+    .modal {
+        background-color: rgba(0, 0, 0, 0.4);
+    }
+
     .selected {
         color: $link-color !important;
     }
@@ -150,7 +154,7 @@ body.reset {
         border-radius: 50%;
     }
 
-     .sidebar {
+    .sidebar {
         display: none;
         width: 50px;
         height: 100vh;