From b437850063e9f8eec6897cb64b6628a96a14c39c Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 22 Sep 2023 11:03:34 -0700
Subject: [PATCH] fix: adds custom scrollbars back

---
 assets/App.vue | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/assets/App.vue b/assets/App.vue
index 1bd5ae95..8b1245d8 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -22,3 +22,34 @@ watchEffect(() => {
   }
 });
 </script>
+<style lang="postcss">
+html.has-custom-scrollbars {
+  ::-webkit-scrollbar {
+    width: 8px;
+    display: content;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: rgba(128, 128, 128, 0.33);
+    outline: 1px solid slategrey;
+    border-radius: 4px;
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+    background-color: #777;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-track:hover {
+    background-color: rgba(64, 64, 64, 0.33);
+  }
+
+  section main {
+    scrollbar-color: #353535 transparent;
+    scrollbar-width: thin;
+  }
+}
+</style>