From 68b53601d60e78f470808bea184368776ac537c5 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Thu, 21 Mar 2024 00:02:23 -0600
Subject: [PATCH] Allow customizing the scrollbar on a per-sheet-per-theme
 basis as desired

---
 styles/generic.scss                                | 14 +++++++++++---
 styles/sheets/actor/char-sheet/v2/themes/dark.scss |  3 +++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/styles/generic.scss b/styles/generic.scss
index 855bac4..6c173aa 100644
--- a/styles/generic.scss
+++ b/styles/generic.scss
@@ -4,15 +4,23 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
 
-// Reset the parts of Foundry's styling which gets in the way of what I want
-.dotdungeon > .window-content {
+.dotdungeon {
+	--scrollbar-handle-color: #782e22;
+	--scrollbar-handle-border-color: var(--color-border-highlight);
+
 
 	::-webkit-scrollbar {
-		width: 10px;
+		width: var(--scrollbar-width, 5px);
 	}
 	::-webkit-scrollbar-thumb {
+		background: var(--scrollbar-handle-color);
+		border-color: var(--scrollbar-handle-border-color);
 		border-radius: 5px;
 	}
+}
+
+// Reset the parts of Foundry's styling which gets in the way of what I want
+.dotdungeon > .window-content {
 
 	h2, h3, h4, h5, h6 {
 		@include fvtt_reset;
diff --git a/styles/sheets/actor/char-sheet/v2/themes/dark.scss b/styles/sheets/actor/char-sheet/v2/themes/dark.scss
index 4b38e70..5291ba9 100644
--- a/styles/sheets/actor/char-sheet/v2/themes/dark.scss
+++ b/styles/sheets/actor/char-sheet/v2/themes/dark.scss
@@ -20,6 +20,9 @@ $body-font: sans-serif;
 	--tab-font: #{$title-font};
 	--input-font: #{$body-font};
 
+	--scrollbar-handle-color: #{$primary};
+	--scrollbar-handle-border-color: color-mix(in lab, white 40%, var(--scrollbar-handle-color));
+
 	/* Elevation backgrounds to following Material design */
 	--elevation-0dp-bg: #{$surface};
 	--elevation-1dp-bg: color-mix(in lab, transparent, white 5%);