From e0cad9d3ea4686971762f40a4f02a9a0a10e11e6 Mon Sep 17 00:00:00 2001 From: Sergio <77530549+sergi0g@users.noreply.github.com> Date: Thu, 11 Jul 2024 17:32:59 +0300 Subject: [PATCH] Make scrollbar a bit nicer --- src/template.liquid | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/src/template.liquid b/src/template.liquid index 176280f..df75572 100644 --- a/src/template.liquid +++ b/src/template.liquid @@ -21,8 +21,9 @@ } @media (prefers-color-scheme: dark) { - .gi::before, .gi::after { - background-color: #1f2937; + .gi::before, + .gi::after { + background-color: #1f2937; } } @@ -38,6 +39,31 @@ inset-inline-start: 0; inset-block-start: -0.12rem; } + + @supports (scrollbar-color: auto) { + html { + scrollbar-color: #707070 #343840; + } + } + + @supports selector(::-webkit-scrollbar) { + html::-webkit-scrollbar { + width: 10px; + } + + html::-webkit-scrollbar-track { + background: #343840; + } + + html::-webkit-scrollbar-thumb { + background: #707070; + border-radius: 0.375rem; + } + + html::-webkit-scrollbar-thumb:hover { + background: #b5b5b5; + } + }