From 7a4839541d8664689a111da4623079b5e31d769a Mon Sep 17 00:00:00 2001 From: neil Date: Thu, 15 Apr 2021 12:03:07 +0200 Subject: [PATCH] customize scrollbar on firefox and chromium-based. fixes #33 --- templates/assets/index.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/templates/assets/index.css b/templates/assets/index.css index 1c1e777..4092bc6 100644 --- a/templates/assets/index.css +++ b/templates/assets/index.css @@ -5,6 +5,26 @@ font-style: normal; } +:root { + scrollbar-color: #4684f9 #c8dbfd; + scrollbar-width: thin; +} + +::-webkit-scrollbar { + width: 10px; +} + +::-webkit-scrollbar-track { + background-color: transparent; +} + +::-webkit-scrollbar-thumb { + background-color: #568aec; + border-radius: 20px; + border: 2px solid transparent; + background-clip: content-box; +} + .hidden { display: none !important; }