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