diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 7ea80d9e9..fecea7297 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -778,7 +778,7 @@
     "description": "Shown to separate the types of search results"
   },
   "welcomeToSignal": {
-    "message": "Welcome to Loki Messenger"
+    "message": "Welcome to Session"
   },
   "selectAContact": {
     "message": "Select a contact or group to start chatting."
diff --git a/background.html b/background.html
index 5c514245a..7323b00b3 100644
--- a/background.html
+++ b/background.html
@@ -29,7 +29,7 @@
   
   <script type='text/x-tmpl-mustache' id='app-loading-screen'>
     <div class='content'>
-      <img src='images/loki/loki_icon_128.png'>
+      <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
       <div class='container'>
         <span class='dot'></span>
         <span class='dot'></span>
@@ -41,7 +41,7 @@
 
   <script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
     <div class='content'>
-      <img src='images/loki/loki_icon_128.png'>
+      <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
       <div class='container'>
         <span class='dot'></span>
         <span class='dot'></span>
@@ -62,7 +62,7 @@
         <div class='conversation-header'></div>
         <div class='container'>
           <div class='content'>
-            <img src='images/loki/loki_icon_128.png' />
+            <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
             <h3>{{ welcomeToSignal }}</h3>
             <p>{{ selectAContact }}</p>
           </div>
@@ -737,7 +737,7 @@
 <body>
   <div class='app-loading-screen'>
     <div class='content'>
-      <img src='images/loki/loki_icon_128.png'>
+      <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
       <div class='container'>
         <span class='dot'></span>
         <span class='dot'></span>
diff --git a/index.html b/index.html
index d4864a9b6..be8d8c5a6 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     <body id="signal-container" class='signal index'>
         <div class='app-loading-screen'>
             <div class='content'>
-              <img src='/images/loki/loki_icon_128.png'>
+              <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
               <div class='container'>
                 <span class='dot'></span>
                 <span class='dot'></span>
diff --git a/password.html b/password.html
index eba253535..0b2fddcf2 100644
--- a/password.html
+++ b/password.html
@@ -77,7 +77,7 @@
 <body>
   <div class='app-loading-screen'>
       <div class='content'>
-        <img src='images/loki/loki_icon_128.png'>
+        <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
         <div class='container'>
           <span class='dot'></span>
           <span class='dot'></span>
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index e58754d30..28c132073 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -89,6 +89,11 @@ div.spacer-lg {
   height: $session-margin-lg;
 }
 
+@mixin session-filter-color-green {
+  filter: brightness(0) saturate(100%) invert(67%) sepia(69%) saturate(2367%)
+    hue-rotate(101deg) brightness(107%) contrast(101%);
+}
+
 @mixin session-color-subtle($color) {
   color: rgba($color, 0.6);
 }
@@ -104,6 +109,9 @@ div.spacer-lg {
 .fullwidth {
   width: 100%;
 }
+@mixin session-dark-background-gradient {
+  background: linear-gradient(90deg, #121212, #171717) !important;
+}
 
 $session-transition-duration: 0.25s;
 
diff --git a/stylesheets/_session_theme_dark_left_pane.scss b/stylesheets/_session_theme_dark_left_pane.scss
index 22115f6d1..8fb428f70 100644
--- a/stylesheets/_session_theme_dark_left_pane.scss
+++ b/stylesheets/_session_theme_dark_left_pane.scss
@@ -69,7 +69,7 @@
   }
 }
 .inbox {
-  background: linear-gradient(90deg, $session-shade-2 100%, #171717 0%);
+  @include session-dark-background-gradient;
 }
 
 .module-left-pane {
@@ -137,3 +137,13 @@
     }
   }
 }
+
+.session-logo-128 {
+  @include session-filter-color-green();
+  width: 128px;
+  height: 128px;
+}
+
+.app-loading-screen {
+  @include session-dark-background-gradient;
+}
diff --git a/test/index.html b/test/index.html
index f187a5253..4a36ee3f0 100644
--- a/test/index.html
+++ b/test/index.html
@@ -19,8 +19,8 @@
 
   <script type='text/x-tmpl-mustache' id='app-loading-screen'>
     <div class='content'>
-      <img src='/images/loki/loki_icon_128.png' height='150'>
-      <div class='container'>
+        <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
+        <div class='container'>
         <span class='dot'></span>
         <span class='dot'></span>
         <span class='dot'></span>
@@ -31,8 +31,8 @@
 
   <script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
     <div class='content'>
-      <img src='/images/loki/loki_icon_128.png'>
-      <div class='container'>
+      <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
+            <div class='container'>
         <span class='dot'></span>
         <span class='dot'></span>
         <span class='dot'></span>
@@ -50,7 +50,7 @@
         <div class='conversation-header'></div>
         <div class='container'>
           <div class='content'>
-            <img src='/images/loki/loki_icon_128.png' />
+            <img src='images/session/brand.svg' class='session-filter-color-green session-logo-128' />
             <h3>{{ welcomeToSignal }}</h3>
             <p>{{ selectAContact }}</p>
           </div>
