From 9c50449ce84ffeb28cd18ec3dda5ffe1d444d881 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Mon, 25 Jan 2021 21:04:29 +0530
Subject: [PATCH] improve scroll-bar styling and fix hidden gist scrollbar

---
 assets/css/post-single.css | 12 +++++++++++-
 assets/css/reset.css       |  5 +++++
 assets/css/zmedia.css      |  4 ++--
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/css/post-single.css b/assets/css/post-single.css
index 05d386f..5eb5966 100644
--- a/assets/css/post-single.css
+++ b/assets/css/post-single.css
@@ -347,9 +347,19 @@ h6:hover .anchor {
 }
 
 .post-content ::-webkit-scrollbar-thumb {
+    border: 2px solid var(--hljs-bg);
     background: rgba(255, 255, 255, 0.32)
 }
 
 .post-content ::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.64)
+    background: rgba(255, 255, 255, 0.56)
+}
+
+.gist ::-webkit-scrollbar-thumb {
+    border: 2px solid rgb(255, 255, 255);
+    background: rgba(0, 0, 0, 0.32)
+}
+
+.gist ::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.56)
 }
diff --git a/assets/css/reset.css b/assets/css/reset.css
index 5813e68..0f3d12f 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.css
@@ -123,9 +123,14 @@ img {
 
 ::-webkit-scrollbar-thumb {
     background: var(--tertiary);
+    border: 5px solid var(--theme);
     border-radius: var(--radius)
 }
 
+.list:not(.dark)::-webkit-scrollbar-thumb {
+    border: 5px solid var(--code-bg)
+}
+
 ::-webkit-scrollbar-thumb:hover {
     background: var(--secondary)
 }
diff --git a/assets/css/zmedia.css b/assets/css/zmedia.css
index f460b4d..b70aa60 100644
--- a/assets/css/zmedia.css
+++ b/assets/css/zmedia.css
@@ -27,8 +27,8 @@
 @media screen and (min-width: 768px) {
     /* reset */
     ::-webkit-scrollbar {
-        width: 10px;
-        height: 6px;
+        width: 19px;
+        height: 11px;
     }
 }