From 025d6d85d8eedeeafbed5c64c36e7cbcf0cc8fc2 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Wed, 22 Nov 2023 01:45:43 +0800 Subject: [PATCH] style: adjust scroll bar styles --- src/styles/main.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/styles/main.scss b/src/styles/main.scss index f693a623..e9b70753 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -9,12 +9,13 @@ } ::-webkit-scrollbar { - width: 8px; - height: 8px; + width: 6px; + height: 6px; } ::-webkit-scrollbar-track { background: transparent; + margin: 2px 4px 2px 0; } html.bewly-design > ::-webkit-scrollbar-track { @@ -22,7 +23,7 @@ html.bewly-design > ::-webkit-scrollbar-track { } ::-webkit-scrollbar-thumb { - background-color: rgba(120, 120, 122, 0.6); + background-color: rgba(120, 120, 140, 0.44); border-radius: 20px; } @@ -67,11 +68,12 @@ html.dark.bewly-design { // Change OverlayScrollbar color .os-scrollbar .os-scrollbar-handle { - --os-handle-bg: rgba(120, 120, 140, .44); - --os-handle-bg-hover: rgba(120, 120, 140, .55); - --os-handle-bg-active: rgba(120, 120, 140, .66); + --os-handle-bg: rgba(120, 120, 140, 0.44); + --os-handle-bg-hover: rgba(120, 120, 140, 0.55); + --os-handle-bg-active: rgba(120, 120, 140, 0.66); } -.link-navbar, #home_nav { +.link-navbar, +#home_nav { display: none; -} \ No newline at end of file +}