From 816806b05d2d76d5bb43c51d8969ae63da83195e Mon Sep 17 00:00:00 2001 From: Sreecharan Date: Fri, 14 Jan 2022 19:11:46 +0530 Subject: [PATCH] =?UTF-8?q?=E2=9C=96=EF=B8=8F=20Contrasting=20Scrollbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content.css | 42 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 41 insertions(+), 1 deletion(-) diff --git a/src/content.css b/src/content.css index a99f87c..a26ec58 100644 --- a/src/content.css +++ b/src/content.css @@ -1,3 +1,43 @@ +html { + scroll-behavior: smooth; +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; + transition: 1.0s; +} + +::-webkit-scrollbar-thumb { + background-color: rgba(127, 127, 127, 0.6); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 5px; + transition: 1.0s; +} + +::-webkit-scrollbar-thumb:vertical:hover, +::-webkit-scrollbar-thumb:horizontal:hover { + background-color: rgb(110, 110, 110); + transition: 0.3s; +} + +::-webkit-scrollbar-track { + background-color: transparent; +} + + + +::-webkit-scrollbar-thumb:vertical:active, +::-webkit-scrollbar-thumb:horizontal:active { + background: rgba(95, 91, 91, 1); + +} + +::-webkit-scrollbar-corner { + background: none; +} + @media (prefers-color-scheme: dark) { :root { --background: #1E2128; @@ -307,4 +347,4 @@ position: absolute; top: 0px; left: 0px; -} \ No newline at end of file +}