From f018bae865b092e1efbf3f4b482e3f9444d309e0 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Sat, 25 Jul 2026 22:13:01 -0400
Subject: [PATCH] Subtle scroll bar

---
 package.json  |  2 +-
 src/main.scss | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 3e597e7..e68c1da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@ztimson/css-utils",
-	"version": "2.0.2",
+	"version": "2.0.3",
 	"description": "CSS Utility Classes",
 	"readme": "README.md",
 	"scripts": {
diff --git a/src/main.scss b/src/main.scss
index befe0b9..78fcfb5 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -108,7 +108,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 .fix-scrollbar {
 	* {
 		scrollbar-width: thin;
-		scrollbar-color: var(--theme-primary) var(--theme-background);
+		scrollbar-color: var(--theme-surface) transparent;
 	}
 
 	*::-webkit-scrollbar {
@@ -117,17 +117,17 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
 	}
 
 	*::-webkit-scrollbar-track {
-		background: var(--theme-background);
+		background: transparent;
 	}
 
 	*::-webkit-scrollbar-thumb {
-		background-color: var(--theme-primary);
+		background-color: var(--theme-surface);
 		border-radius: 4px;
-		border: 2px solid var(--theme-background);
+		border: 2px solid var(--theme-surface);
 	}
 
 	*::-webkit-scrollbar-thumb:hover {
-		background-color: var(--theme-accent);
+		background-color: var(--theme-primary);
 	}
 }