From 10ea58a3686a97eccde50a9ff40bed631e6e6217 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 27 Mar 2025 16:06:53 +0200 Subject: [PATCH] style(next)/scrollbars: restore the support for custom background color --- src/public/stylesheets/theme-next-dark.css | 2 +- src/public/stylesheets/theme-next-light.css | 2 +- src/public/stylesheets/theme-next/forms.css | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css index 40740acd8..2dbeb525c 100644 --- a/src/public/stylesheets/theme-next-dark.css +++ b/src/public/stylesheets/theme-next-dark.css @@ -192,8 +192,8 @@ --scrollbar-thumb-color: #fdfdfd5c; --scrollbar-thumb-hover-color: #ffffff7d; + --scrollbar-background-color: transparent; --scrollbar-border-color: unset; /* Deprecated */ - --scrollbar-background-color: unset; /* Deprecated */ --link-color: lightskyblue; diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css index 3bfe849ee..46c116e39 100644 --- a/src/public/stylesheets/theme-next-light.css +++ b/src/public/stylesheets/theme-next-light.css @@ -191,8 +191,8 @@ --scrollbar-thumb-color: #0000005c; --scrollbar-thumb-hover-color: #00000066; + --scrollbar-background-color: transparent; --scrollbar-border-color: unset; /* Deprecated */ - --scrollbar-background-color: unset; /* Deprecated */ --link-color: blue; diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css index 09dc1408c..ce6663380 100644 --- a/src/public/stylesheets/theme-next/forms.css +++ b/src/public/stylesheets/theme-next/forms.css @@ -674,6 +674,10 @@ input[type="range"] { /* Scrollbar's body */ +::-webkit-scrollbar-track { + background-color: var(--scrollbar-background-color); +} + ::-webkit-scrollbar:vertical { width: var(--scrollbar-thickness) !important; }