From 77954d9e3d6ea076b5ef4a772a23a0ab4e7e69f0 Mon Sep 17 00:00:00 2001 From: JulianPrieber <60265788+JulianPrieber@users.noreply.github.com> Date: Sun, 20 Feb 2022 19:18:15 +0100 Subject: [PATCH] Added custom scrollbar Added custom scrollbar to all sites that use dark mode Credit to Stephen Paton @ https://codepen.io/stephenpaton-tech/full/JjRvGmY --- littlelink/css/skeleton-dark.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/littlelink/css/skeleton-dark.css b/littlelink/css/skeleton-dark.css index 19db79e..2cb27ff 100644 --- a/littlelink/css/skeleton-dark.css +++ b/littlelink/css/skeleton-dark.css @@ -168,3 +168,24 @@ hr { border-width: 0; border-top: 1px solid #E1E1E1; } +/* ===== Scrollbar CSS ===== */ + /* Firefox */ + * { + scrollbar-width: thin; + scrollbar-color: #171a1d #31363b; + } + + /* Chrome, Edge, and Safari */ + *::-webkit-scrollbar { + width: 8px; + } + + *::-webkit-scrollbar-track { + background: #31363b; + } + + *::-webkit-scrollbar-thumb { + background-color: #171a1d; + border-radius: 30px; + border: 3px none #ffffff; + }