Messages fix

stylesheets/_session_theme.scss

@@ -1,92 +1,101 @@
 // Messages
-.dark-theme {
+
-  .conversation {
+.discussion-container {
-    background: none !important;
+  @at-root .light-theme #{&} {
+    background-color: $session-color-white;
+  }
+  @at-root .dark-theme #{&} {
+    background-color: $session-shade-2;
+  }
+}
+
+.conversation {
+  background: none !important;
+}
+.module-conversation-header {
+  border-bottom: none;
+
+  @at-root .light-theme #{&} {
+    background-color: $session-color-white;
+  }
+  @at-root .dark-theme #{&} {
+    background-color: $session-shade-4;
   }
-  .module-conversation-header {
+}
-    border-bottom: none;
 
+.module-message {
+  &__author,
+  &__metadata__badge,
+  &__metadata__date--incoming,
+  &__metadata__date--outgoing {
+    
     @at-root .light-theme #{&} {
-      background-color: $session-color-white;
+      @include session-color-subtle($session-color-black);
     }
     @at-root .dark-theme #{&} {
-      background-color: $session-shade-4;
+      @include session-color-subtle($session-color-white);
     }
   }
 
-  .module-message {
+  &__container--incoming {
-    &__author,
+    @at-root .light-theme #{&} {
-    &__metadata__badge,
+      @include session-color-subtle($session-color-white);
-    &__metadata__date--incoming,
-    &__metadata__date--outgoing {
-      
-      @at-root .light-theme #{&} {
-        @include session-color-subtle($session-color-black);
-      }
-      @at-root .dark-theme #{&} {
-        @include session-color-subtle($session-color-white);
-      }
     }
-
+    @at-root .dark-theme #{&} {
-    &__container--incoming {
+      background-color: $session-shade-11;
-      @at-root .light-theme #{&} {
-        @include session-color-subtle($session-color-white);
-      }
-      @at-root .dark-theme #{&} {
-        background-color: $session-shade-11;
-      }
     }
+  }
 
-    &__container--outgoing {
+  &__container--outgoing {
-      @at-root .light-theme #{&} {
+    @at-root .light-theme #{&} {
-        background-color: $session-color-white;
+      background-color: $session-color-white;
-      }
-      @at-root .dark-theme #{&} {
-        background-color: $session-shade-11;
-      }
-      
     }
-
+    @at-root .dark-theme #{&} {
-    &__container {
+      background-color: $session-shade-11;
-      transition: background-color 0.25s;
-      box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.69);
     }
+    
   }
 
-  .message {
+  &__container {
-    &-highlighted {
+    transition: background-color 0.25s;
-      border-radius: 0;
+    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.69);
-      
+  }
-      @at-root .light-theme #{&} {
+}
-        background-color: $session-shade-5;
-      }
-      @at-root .dark-theme #{&} {
-        background-color: $session-color-white;
-      }
-    }
 
-    &-selected {
+.message {
-      .module-message {
+  &-highlighted {
-        &__container {
+    border-radius: 0;
-          background-image: $session-gradient-green;
+    
-          box-shadow: $session-dark-shadow;
+    @at-root .light-theme #{&} {
-        }
+      background-color: $session-shade-5;
+    }
+    @at-root .dark-theme #{&} {
+      background-color: $session-color-white;
+    }
+  }
 
-        &__author {
+  &-selected {
-          color: $session-color-white;
+    .module-message {
-        }
+      &__container {
+        background-image: $session-gradient-green;
+        box-shadow: $session-dark-shadow;
       }
-    }
 
-    &-read-receipt-container {
+      &__author {
-      margin-left: 5px;
+        color: $session-color-white;
+      }
     }
   }
 
-  .inbox {
+  &-read-receipt-container {
-    background-image: $session-gradient-black;
+    margin-left: 5px;
   }
 }
+
+.inbox {
+  background-image: $session-gradient-black;
+}
+
 .conversation {
   background: none !important;
 }