From a650a2f71986f0100d6a3e0bb16c03a431275d61 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 29 Jan 2025 16:13:38 +0100
Subject: [PATCH] chore: added custom scrollbar

---
 src/main.ts   |  1 +
 src/style.css | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/main.ts b/src/main.ts
index 7c94506..74b46f4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import { createApp } from 'vue';
 import App from './App.vue';
 import { createPinia } from 'pinia';
+
 import './style.css'
 
 const pinia = createPinia();
diff --git a/src/style.css b/src/style.css
index 314f533..0fbccfd 100644
--- a/src/style.css
+++ b/src/style.css
@@ -15,6 +15,24 @@ body {
   height: 100vh;
 }
 
+/* Scrollbar */
+/* width */
+::-webkit-scrollbar {
+  width: theme('size.2');
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: theme('colors.stone.900');
+  border-radius: theme('borderRadius.md');
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: theme('colors.stone.400');
+  border-radius: theme('borderRadius.md');
+}
+
 @media print {
   :root {
     color-scheme: light;