From f0c578effa9402ca674c3cc4e78f4fbf0d9d307f Mon Sep 17 00:00:00 2001
From: windingwind <33902321+windingwind@users.noreply.github.com>
Date: Wed, 15 May 2024 12:45:57 +0800
Subject: [PATCH] Use transparent collection & item tree scrollbar (#4122)

---
 scss/components/_collection-tree.scss | 1 +
 scss/components/_item-tree.scss       | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/scss/components/_collection-tree.scss b/scss/components/_collection-tree.scss
index 9df99379c4..ac6e89b57d 100644
--- a/scss/components/_collection-tree.scss
+++ b/scss/components/_collection-tree.scss
@@ -56,6 +56,7 @@ $icons: (
 
 	.virtualized-table-body {
 		padding: 0 8px 8px;
+		scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-background);
 	}
 
 	.cell.primary {
diff --git a/scss/components/_item-tree.scss b/scss/components/_item-tree.scss
index f6d6d0ff7a..78d6f904cb 100644
--- a/scss/components/_item-tree.scss
+++ b/scss/components/_item-tree.scss
@@ -15,6 +15,10 @@
 		padding: 4px 8px 8px;
 	}
 
+	.virtualized-table-body {
+		scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-background);
+	}
+
 	.virtualized-table-header {
 		padding-inline-start: 8px;
 		padding-inline-end: calc(8px + var(--scrollbar-width, 0px));