From 084b34ff58fe9490586ab6d9e6526c1b18bbc78b Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Tue, 31 Mar 2026 07:26:53 +0200
Subject: [PATCH] [mirotalk] - fix scroolbar color

---
 public/css/client.css  | 14 ++++++++++++++
 public/css/landing.css |  6 ++++++
 2 files changed, 20 insertions(+)

diff --git a/public/css/client.css b/public/css/client.css
index afeb9859..7c7903c3 100755
--- a/public/css/client.css
+++ b/public/css/client.css
@@ -724,6 +724,8 @@ body {
     max-width: 100%;
     font-size: 1rem;
     line-height: 1.6;
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.1);
 }
 
 /* Scrollbar Styling */
@@ -1458,6 +1460,8 @@ body {
     max-width: 100%;
     font-size: 1rem;
     line-height: 1.6;
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.1);
 }
 
 .msger-chat::-webkit-scrollbar {
@@ -1705,6 +1709,8 @@ button {
     background: var(--body-bg);
     border-radius: 18px;
     border: var(--border);
+    scrollbar-width: thin;
+    scrollbar-color: #404040 transparent;
 }
 
 .msger-input::-webkit-scrollbar {
@@ -1967,6 +1973,8 @@ button {
     background: transparent;
     backdrop-filter: none;
     transition: all 0.25s ease;
+    scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
 }
 
 #msgerCPList::-webkit-scrollbar {
@@ -4034,6 +4042,12 @@ hr {
 # Webkit-Scrollbar Styles
 --------------------------------------------------------------*/
 
+html,
+body {
+    scrollbar-width: thin;
+    scrollbar-color: #2f2f2f #1a1b1f;
+}
+
 ::-webkit-scrollbar {
     width: 10px;
 }
diff --git a/public/css/landing.css b/public/css/landing.css
index 1ee70dfc..56d90e2f 100755
--- a/public/css/landing.css
+++ b/public/css/landing.css
@@ -3941,6 +3941,12 @@ img.has-shadow {
 # Webkit-Scrollbar Styles
 --------------------------------------------------------------*/
 
+html,
+body {
+    scrollbar-width: thin;
+    scrollbar-color: #4678f9 #1a1b1f;
+}
+
 /* Target the scrollbar track */
 ::-webkit-scrollbar {
     background: #1a1b1f;