From fcec71b08aec8af35f72c71902c4b38f033c2f97 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 12 Dec 2021 08:59:50 +0200
Subject: [PATCH] ovrelay-scrollbars: use currentcolor instead of black for
 thumb

This makes the thumb visible on pages with dark background - at least
most of the time.
---
 chrome/overlay_scrollbars.as.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/chrome/overlay_scrollbars.as.css b/chrome/overlay_scrollbars.as.css
index 177274f..fea7fa5 100644
--- a/chrome/overlay_scrollbars.as.css
+++ b/chrome/overlay_scrollbars.as.css
@@ -7,13 +7,13 @@ See the above repository for updates as well as full license text. */
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 scrollbar {
-  -moz-appearance: none!important;
-  position: relative!important;
+  -moz-appearance: none !important;
+  position: relative !important;
   background-color: transparent;
   z-index: 9;
 }
 scrollbar thumb{
-  -moz-appearance: none!important;
+  -moz-appearance: none !important;
   background-color: transparent;
   pointer-events: auto;
   opacity: 0.5;
@@ -21,13 +21,13 @@ scrollbar thumb{
 }
 
 scrollbar[orient = "vertical"] thumb{
-  border-image-source: linear-gradient(to right, transparent 12px, black 14px);
+  border-image-source: linear-gradient(to right, transparent 13px, currentcolor 13px);
   border-image-width: 0 0 0 16px;
   border-image-slice: 0% 0% 0% 100%;
   border-image-repeat: stretch;
 }
 scrollbar[orient = "horizontal"] thumb{
-  border-image-source: linear-gradient(to bottom, transparent 12px, black 14px);
+  border-image-source: linear-gradient(to bottom, transparent 13px, currentcolor 13px);
   border-image-width: 16px 0 0 0;
   border-image-slice: 100% 0% 0% 0%;
   border-image-repeat: stretch;
@@ -38,11 +38,11 @@ scrollbar scrollbarbutton{
   display: none;
 }
 scrollbar[orient = "vertical"] {
-  min-width: 16px!important;
+  min-width: 16px !important;
   -moz-margin-start: -16px;/*margin to fill the whole render window with content and overlay the scrollbars*/
 }
 scrollbar[orient = "horizontal"] {
-  height: 16px!important;
+  height: 16px !important;
   margin-top: -16px;
 }
 scrollbar[orient = "vertical"] thumb{