From b6fee9be17225d7864b2c4f04648edcfb134fb84 Mon Sep 17 00:00:00 2001
From: bluelovers <codelovers@users.sourceforge.net>
Date: Tue, 11 Jun 2024 13:14:16 +0800
Subject: [PATCH] chore: tweak scrollbar color with the dark theme

---
 style.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/style.css b/style.css
index 467c29cdf97..4f08fbd489b 100644
--- a/style.css
+++ b/style.css
@@ -19,6 +19,19 @@ div.gradio-image button[aria-label="Edit"] {
 
 }
 
+
+html:has(body.dark) {
+    /**
+     * The CSS variables --body-background-fill and --body-text-color are not apply to the HTML element with the dark theme
+     */
+    /* scrollbar-color: var(--body-text-color) var(--body-background-fill) */
+    scrollbar-color: #f3f4f6 #0b0f19;
+}
+
+body {
+    background: var(--body-background-fill, #0b0f19);
+}
+
 .block.padded:not(.gradio-accordion) {
     padding: 0 !important;
 }