From 97e61b32b274b0dbe27bb6c85f13d769be99ca8c Mon Sep 17 00:00:00 2001 From: pheralb Date: Mon, 20 Mar 2023 09:49:08 +0000 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20custom=20scrollbar.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/app.css b/src/app.css index 27a4ccd..2b53307 100644 --- a/src/app.css +++ b/src/app.css @@ -9,3 +9,23 @@ font-display: swap; font-style: normal; } + +body { + --sb-track-color: #171717; + --sb-thumb-color: #404040; + --sb-size: 10px; + + scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); +} + +body::-webkit-scrollbar { + width: var(--sb-size); +} + +body::-webkit-scrollbar-track { + background: var(--sb-track-color); +} + +body::-webkit-scrollbar-thumb { + background: var(--sb-thumb-color); +}