From 95f68cbda8c9be7a4b41e5d842fc7fab4ee474c9 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Fri, 18 Aug 2017 18:42:45 -0600
Subject: [PATCH] fix load screen styles

---
 app/main.js                         | 2 +-
 ui/scss/_vars.scss                  | 1 +
 ui/scss/component/_load-screen.scss | 2 +-
 ui/scss/component/_snack-bar.scss   | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/main.js b/app/main.js
index 27c8f72c8..c14528cca 100644
--- a/app/main.js
+++ b/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);
-});
\ No newline at end of file
+});
diff --git a/ui/scss/_vars.scss b/ui/scss/_vars.scss
index 22f992f6f..991722a4c 100644
--- a/ui/scss/_vars.scss
+++ b/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);
diff --git a/ui/scss/component/_load-screen.scss b/ui/scss/component/_load-screen.scss
index 43d84b116..24221c10d 100644
--- a/ui/scss/component/_load-screen.scss
+++ b/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;
diff --git a/ui/scss/component/_snack-bar.scss b/ui/scss/component/_snack-bar.scss
index 1d057b16f..5be3e1c6d 100644
--- a/ui/scss/component/_snack-bar.scss
+++ b/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 */
 }