fix load screen styles

app/main.js

@@ -402,4 +402,4 @@ ipcMain.on('get-auth-token', (event) => {
 
 ipcMain.on('set-auth-token', (event, token) => {
   keytar.setPassword("LBRY", "auth_token", token ? token.toString().trim() : null);
-});
+});

ui/scss/_vars.scss

@@ -3,6 +3,7 @@
 :root {
 
   /* Colors */
+  --color-brand: #155B4A;
   --color-primary: #155B4A;
   --color-primary-light: saturate(lighten(#155B4A, 50%), 20%);
   --color-light-alt: hsl(hue(#155B4A), 15, 85);

ui/scss/component/_load-screen.scss

@@ -2,7 +2,7 @@
 
 .load-screen {
   color: white;
-  background: var(--color-primary);
+  background: var(--color-brand);
   background-size: cover;
   min-height: 100vh;
   min-width: 100vw;

ui/scss/component/_snack-bar.scss

@@ -25,7 +25,7 @@ $padding-snack-horizontal: $spacing-vertical;
 
   border-radius: 2px;
 
-  transition: all var(--standard-transition);
+  transition: all  var(--transition-duration) var(--transition-type);
 
   z-index: 10000; /*hack to get it over react modal */
 }