From cab3d23c4daa8e1b2d836a2f8c1116d92e84208b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Thu, 30 Jun 2022 19:57:16 +0200
Subject: [PATCH] Customize global scrollbar

---
 src/style/_base.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/style/_base.scss b/src/style/_base.scss
index 29bdf9e..197a2df 100644
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -57,6 +57,23 @@ button {
     }
 }
 
+// Scrollbar
+html {
+    scrollbar-width: thin;
+    scrollbar-color: rgba($color-tertiary, 0.6) $color-primary-darker;
+}
+::-webkit-scrollbar {
+    width: 12px;
+}
+::-webkit-scrollbar-track {
+    background: $color-primary-darker;
+}
+::-webkit-scrollbar-thumb {
+    background: rgba($color-tertiary, 0.6);
+    border: 4px solid $color-primary-darker;
+    border-radius: 10px;
+}
+
 // Accessibility outline
 // Remove default focus styles for mouse users if :focus-visible is supported
 [data-js-focus-visible] :focus:not([data-focus-visible-added]) {