From d9d8721655116dc9439fa96d8a1665b3d3b337ae Mon Sep 17 00:00:00 2001
From: Dank Gabs <dankgabs@protonmail.com>
Date: Tue, 9 Jul 2019 16:33:07 -0400
Subject: [PATCH] Patch Fix for scrollbar colors. Complaints about not being
 able to see scrollbars on the light theme. This adjusts both themes to become
 visible. Adjustments may follow, along with incorporating into all supported
 browsers.

---
 .../styles/gabsocial/scrollbars.scss          | 42 ++++++++-----------
 1 file changed, 18 insertions(+), 24 deletions(-)

diff --git a/app/javascript/styles/gabsocial/scrollbars.scss b/app/javascript/styles/gabsocial/scrollbars.scss
index 203068e6..88216f89 100644
--- a/app/javascript/styles/gabsocial/scrollbars.scss
+++ b/app/javascript/styles/gabsocial/scrollbars.scss
@@ -2,41 +2,35 @@
 // Content containers are meant to behave much differently than the mastodon default UI
 // For now linking default gab colors to replace the base UI colors and formulas
 
-html {
-  scrollbar-color: lighten($gab-background-container, 4%) $gab-background-container;
-}
-
+html {scrollbar-color: lighten($gab-background-container, 4%) $gab-background-container;}
 ::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
+	width: 12px;
+	height: 12px;
 }
-
 ::-webkit-scrollbar-thumb {
-  background: lighten($gab-background-container, 4%);
-  border: none;
+	border: none;
+	background: rgba($gab-placeholder-accent, .5);
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .3);}
 }
-
 ::-webkit-scrollbar-thumb:hover {
-  background: lighten($gab-background-container, 6%);
+	background: rgba($gab-placeholder-accent, .75);
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .4);}
 }
-
 ::-webkit-scrollbar-thumb:active {
-  background: lighten($gab-background-container, 4%);
+	background: $gab-placeholder-accent;
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-container-light, .5);}
 }
-
 ::-webkit-scrollbar-track {
-  border: none;
-  background: $gab-background-container;
+	border: none;
+	background: rgba($gab-background-container, .5);
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .3);}
 }
-
 ::-webkit-scrollbar-track:hover {
-  background: lighten($gab-background-container, 4%);
+	background: rgba($gab-background-container, .75);
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .4);}
 }
-
 ::-webkit-scrollbar-track:active {
-  background: $gab-background-container;
+	background: $gab-background-container;
+	@at-root body.theme-gabsocial-light#{&} {background: rgba($gab-background-base, .5);}
 }
-
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
\ No newline at end of file
+::-webkit-scrollbar-corner {background: transparent;}
\ No newline at end of file