Merge branch 'refs/heads/pr/scrollbar-color-002' into dev-local-202406

* refs/heads/pr/scrollbar-color-002: chore: tweak scrollbar color with the dark theme
bluelovers · Jun 11, 2024 · aa36e20 · aa36e20
2 parents 5e16914 + b6fee9b
commit aa36e20
Showing 1 changed file with 13 additions and 0 deletions.
diff --git 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;
 }