use lbry-teal-5 for snackbar/loadscreen

src/main/createWindow.js

@@ -15,7 +15,7 @@ export default appState => {
   });
 
   const windowConfiguration = {
-    backgroundColor: '#44b098',
+    backgroundColor: '#2f9176',
     minWidth: 950,
     minHeight: 600,
     autoHideMenuBar: true,
@@ -123,7 +123,7 @@ export default appState => {
   window.webContents.on('crashed', () => {
     window = null;
   });
-  
+
   window.webContents.on('new-window', (event, url) => {
     event.preventDefault();
     shell.openExternal(url);

src/renderer/scss/_gui.scss

@@ -219,7 +219,7 @@ p:not(:first-of-type) {
 
 // Custom text selection
 *::selection {
-  background-color: $lbry-teal-1;
+  background-color: $lbry-teal-3;
   color: $lbry-white;
 }
 

src/renderer/scss/component/_load-screen.scss

@@ -3,7 +3,7 @@
   min-height: 100vh;
 
   align-items: center;
-  background-color: $lbry-teal-3;
+  background-color: $lbry-teal-5;
   background-size: cover;
   color: $lbry-white;
   display: flex;

src/renderer/scss/component/_snack-bar.scss

@@ -2,7 +2,7 @@
   bottom: $spacing-vertical;
   left: $spacing-vertical;
 
-  background-color: $lbry-teal-3;
+  background-color: $lbry-teal-5;
   border-radius: 10px;
   color: $lbry-white;
   display: flex;