From fc4836c042388e65801ed24c4772d8572528b49a Mon Sep 17 00:00:00 2001 From: ygg2 Date: Fri, 12 Jul 2024 06:21:03 -0400 Subject: [PATCH] scrollbar style --- webpage/style.css | 11 ++++++++--- webpage/themes.css | 7 ++++--- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/webpage/style.css b/webpage/style.css index e635d7e..0a0f3a6 100644 --- a/webpage/style.css +++ b/webpage/style.css @@ -577,23 +577,28 @@ hr { grid-column: 2; } ::-webkit-scrollbar { - width: .1in; + width: .16in; height: .1in; } ::-webkit-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-track:hover { background-color: var(--scrollbar-track); } ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb); - box-shadow: 0 2px 5px var(--black); + border-radius: .08in; + border: .03in solid transparent; + background-clip: padding-box; transition: .1s; } ::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover); - box-shadow: 0 2px 5px var(--black); } .pronouns { diff --git a/webpage/themes.css b/webpage/themes.css index 0357156..4e27540 100644 --- a/webpage/themes.css +++ b/webpage/themes.css @@ -40,9 +40,9 @@ --loading-bg: #22232c; --dialog-bg: #33363d; --dialog-border: #1c1b31; - --scrollbar-track: #34313c; - --scrollbar-thumb: #201f29; - --scrollbar-thumb-hover: #16161f; + --scrollbar-track: #37373b; + --scrollbar-thumb: #92929B; + --scrollbar-thumb-hover: #a2a2a2; --markdown-timestamp: #2f2f33; --embed: #1a1823; --discovery-bg: #37373b; @@ -103,6 +103,7 @@ --message-bg-hover: #5757b5; --typing-bg: #000000; --profile-bg: #8075bf; + --profile-info-bg: #8075bf; --timestamp-color: #000000; --code-bg: #a89adf; --info-bg: #6060a3;