From 8b41b37bef686da428faf2ac16772954e2b16bd7 Mon Sep 17 00:00:00 2001
From: IgorA100 <igora100@gmail.com>
Date: Tue, 26 Mar 2024 23:41:20 +0300
Subject: [PATCH] Feat: Change scrollbar style for dark css

---
 web/skins/classic/css/dark/skin.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/web/skins/classic/css/dark/skin.css b/web/skins/classic/css/dark/skin.css
index 72ed3c529..8f04c235d 100644
--- a/web/skins/classic/css/dark/skin.css
+++ b/web/skins/classic/css/dark/skin.css
@@ -21,6 +21,11 @@
  * Primary look and feel styles
  */
 
+:root {
+  --scrollbarBG: #CFD8DC;
+  --sliderBG: #95AFC0;
+}
+
 body {
     color: #dddddd;
     background-color: #222222;
@@ -273,3 +278,23 @@ ul.nav.nav-pills.flex-column {
 .hlight{
   background:#444444;
 }
+/* Change scrollbar style */
+div::-webkit-scrollbar, nav::-webkit-scrollbar {
+  width: 11px;
+  height: 11px;
+}
+
+div, nav {
+  scrollbar-width: thin;
+  scrollbar-color: var(--sliderBG) var(--scrollbarBG);
+}
+
+div::-webkit-scrollbar-track, nav::-webkit-scrollbar-track {
+  background: var(--scrollbarBG);
+}
+
+div::-webkit-scrollbar-thumb, nav::-webkit-scrollbar-thumb {
+  background-color: var(--sliderBG);
+  border-radius: 6px;
+  border: 3px solid var(--scrollbarBG);
+}