Fix styling

background.html

@@ -55,21 +55,19 @@
       <div class='network-status-container'></div>
       <div class='left-pane-placeholder'></div>
     </div>
-    <div class='underneathIdentityWrapper'>
+    <div class='conversation-stack'>
-      <div class='conversation-stack'>
+      <div class='conversation placeholder'>
-        <div class='conversation placeholder'>
+        <div class='conversation-header'></div>
-          <div class='conversation-header'></div>
+        <div class='container'>
-          <div class='container'>
+          <div class='content'>
-            <div class='content'>
+            <img src='images/loki/loki_icon_128.png' />
-              <img src='images/loki/loki_icon_128.png' />
+            <h3>{{ welcomeToSignal }}</h3>
-              <h3>{{ welcomeToSignal }}</h3>
+            <p>{{ selectAContact }}</p>
-              <p>{{ selectAContact }}</p>
-            </div>
           </div>
         </div>
       </div>
-      <div class='lightbox-container'></div>
     </div>
+    <div class='lightbox-container'></div>
   </script>
   <script type='text/x-tmpl-mustache' id='main-header-placeholder'>
     <div class='main-header-title-wrapper'>

stylesheets/_modules.scss

@@ -2997,6 +2997,7 @@
 .module-search-results {
   overflow-y: scroll;
   max-height: 100%;
+  color: white;
 }
 
 .module-search-results__conversations-header {
@@ -3141,8 +3142,8 @@
 // Module: Left Pane
 
 .module-left-pane {
-  background-color: $color-gray-02;
+  background-color: $color-dark-85;
-  border-right: 1px solid $color-gray-15;
+  border-right: 1px solid $color-dark-90;
 
   display: inline-flex;
   flex-direction: column;