From 8af633650cdabb1281ae65e67ee4509792484874 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 14 Jan 2022 18:35:15 +0100
Subject: chore: customize browser scrollbar

---
 src/styles/base/_base.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'src')

diff --git a/src/styles/base/_base.scss b/src/styles/base/_base.scss
index e786b17..a62a0d9 100644
--- a/src/styles/base/_base.scss
+++ b/src/styles/base/_base.scss
@@ -29,6 +29,26 @@ summary {
   cursor: pointer;
 }
 
+* {
+  scrollbar-color: var(--color-shadow) var(--color-bg-tertiary);
+  scrollbar-width: auto;
+}
+
+*::-webkit-scrollbar {
+  width: fun.convert-px(12);
+  height: fun.convert-px(12);
+}
+
+*::-webkit-scrollbar-track {
+  background: var(--color-bg-tertiary);
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--color-shadow);
+  border-radius: fun.convert-px(6);
+  border: fun.convert-px(3) solid var(--color-bg-tertiary);
+}
+
 body {
   display: flex;
   flex-flow: column nowrap;
-- 
cgit v1.2.3