From 77ac1764cd7a058dbf56f396b3521d37e68644db Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sat, 10 Aug 2019 14:15:09 -0400
Subject: [PATCH] fix firefox horizontal scrollbar color

---
 .../streams-main-display.component.scss       | 22 ++++++++++++-------
 src/sass/_commons.scss                        |  7 ++----
 src/sass/_variables.scss                      |  5 ++++-
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/streams-main-display/streams-main-display.component.scss b/src/app/pages/streams-main-display/streams-main-display.component.scss
index dc4be646..bb337dbb 100644
--- a/src/app/pages/streams-main-display/streams-main-display.component.scss
+++ b/src/app/pages/streams-main-display/streams-main-display.component.scss
@@ -16,16 +16,22 @@
     }
 }
 
+
 .flexcroll {
-    scrollbar-face-color: #08090d;
-    scrollbar-shadow-color: #08090d;
-    scrollbar-highlight-color: #08090d;
-    scrollbar-3dlight-color: #08090d;
-    scrollbar-darkshadow-color: #08090d;
-    scrollbar-track-color: #08090d;
-    scrollbar-arrow-color: #08090d;
+    scrollbar-color: $scrollbar-color-thumb #0f111a;
+    scrollbar-color: #090b10 #0f111a;
+    scrollbar-width: thin;
+
+    scrollbar-face-color: $scrollbar-color;
+    scrollbar-shadow-color: $scrollbar-color;
+    scrollbar-highlight-color: $scrollbar-color;
+    scrollbar-3dlight-color: $scrollbar-color;
+    scrollbar-darkshadow-color: $scrollbar-color;
+    scrollbar-track-color: $scrollbar-color;
+    scrollbar-arrow-color: $scrollbar-color;
+
     &::-webkit-scrollbar {
-        height: 7px;
+        height: $scroll-bar-width;
     }
     &::-webkit-scrollbar-thumb {
         -webkit-border-radius: 0px;
diff --git a/src/sass/_commons.scss b/src/sass/_commons.scss
index c3143517..bf6a2233 100644
--- a/src/sass/_commons.scss
+++ b/src/sass/_commons.scss
@@ -24,10 +24,9 @@
     margin: 5px auto;
 }
 
-$scrollbar-color: #08090d;
-$scrollbar-color-thumb: lighten($color-primary, 5);
 .flexcroll {
     scrollbar-color:  $scrollbar-color-thumb #0f111a;
+    scrollbar-width: thin;
 
     scrollbar-face-color: $scrollbar-color;
     scrollbar-shadow-color: $scrollbar-color;
@@ -35,9 +34,7 @@ $scrollbar-color-thumb: lighten($color-primary, 5);
     scrollbar-3dlight-color: $scrollbar-color;
     scrollbar-darkshadow-color: $scrollbar-color;
     scrollbar-track-color: $scrollbar-color;
-    scrollbar-arrow-color: $scrollbar-color;
-    
-    scrollbar-width: thin;
+    scrollbar-arrow-color: $scrollbar-color;    
 
     &::-webkit-scrollbar {
         width: $scroll-bar-width;
diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss
index ae1476bb..03ca6fe4 100644
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -77,4 +77,7 @@ $autosuggest-entry-background-hover: #3e455f;
 $autosuggest-entry-background-hover: rgb(37, 41, 56);
 $autosuggest-entry-background-hover: rgb(46, 51, 70);
 $autosuggest-entry-color-hover: #e2e2e2;
-$autosuggest-entry-handle-color-hover: #ffffff;
\ No newline at end of file
+$autosuggest-entry-handle-color-hover: #ffffff;
+
+$scrollbar-color: #08090d;
+$scrollbar-color-thumb: lighten($color-primary, 5);
\ No newline at end of file