From bd0e6a08c7d739f2db8d7609c6a7092b12465a2c Mon Sep 17 00:00:00 2001
From: k <mol.tired@gmail.com>
Date: Mon, 14 Jun 2021 17:11:04 -0500
Subject: [PATCH] feat: change the page vertical scrollbar styles

This change will make the vertical scrollbar styles to follow the dark
and light color scheme modes. Also, this change will make the vertical
scrollbar to look consistent in both, Chromium and Firefox.
---
 assets/scss/partials/base.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/assets/scss/partials/base.scss b/assets/scss/partials/base.scss
index 42e460e..7d63b5a 100644
--- a/assets/scss/partials/base.scss
+++ b/assets/scss/partials/base.scss
@@ -1,6 +1,25 @@
 html {
     font-size: 62.5%;
     overflow-y: scroll;
+
+    /* scrollbar styles for Firefox */
+    scrollbar-width: auto;
+    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+    /**/
+
+    /* scrollbar styles for Chromium */
+    &::-webkit-scrollbar {
+        height: auto;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: var(--scrollbar-thumb);
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: var(--scrollbar-track);
+    }
+    /**/
 }
 
 * {