From d36efa57964bbef8b711902d6f2625f3728277c2 Mon Sep 17 00:00:00 2001 From: Ben Phelps Date: Tue, 27 Sep 2022 22:59:29 +0300 Subject: [PATCH] styled scollbars lets see how this one lands --- src/styles/globals.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/src/styles/globals.css b/src/styles/globals.css index ba4a8b7e6..ce1ee1811 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -11,4 +11,31 @@ body { font-family: Manrope, "Manrope-Fallback", Arial, sans-serif; + overflow: overlay; +} + +.light body::-webkit-scrollbar { + width: 0.75em; +} + +.light body::-webkit-scrollbar-track { + background-color: rgb(var(--color-200)); +} + +.light body::-webkit-scrollbar-thumb { + background-color: rgb(var(--color-300)); + border-radius: 0.25em; +} + +.dark body::-webkit-scrollbar { + width: 0.75em; +} + +.dark body::-webkit-scrollbar-track { + background-color: rgb(var(--color-700)); +} + +.dark body::-webkit-scrollbar-thumb { + background-color: rgb(var(--color-600)); + border-radius: 0.25em; }