From 7ea26bbef1d4e4e03ff40dccc352c867541595bd Mon Sep 17 00:00:00 2001
From: Isaac Hellendag <dish@elementl.com>
Date: Wed, 20 Nov 2024 08:23:43 -0600
Subject: [PATCH] [ui] Fix dark mode scrollbars

---
 .../packages/ui-components/src/theme/darkThemeColors.tsx        | 2 +-
 .../dagster-ui/packages/ui-core/src/app/GlobalStyleProvider.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/js_modules/dagster-ui/packages/ui-components/src/theme/darkThemeColors.tsx b/js_modules/dagster-ui/packages/ui-components/src/theme/darkThemeColors.tsx
index 4a4b24894c4b4..a205966c78252 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/theme/darkThemeColors.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/theme/darkThemeColors.tsx
@@ -1,7 +1,7 @@
 import {css} from 'styled-components';
 
 export const darkThemeColors = css`
-  --browser-color-scheme: 'dark';
+  --browser-color-scheme: dark;
   --color-keyline-default: var(--color-translucent-gray15);
   --color-link-default: var(--color-core-blue200);
   --color-link-hover: var(--color-core-blue400);
diff --git a/js_modules/dagster-ui/packages/ui-core/src/app/GlobalStyleProvider.tsx b/js_modules/dagster-ui/packages/ui-core/src/app/GlobalStyleProvider.tsx
index 0ef418dc42ebf..1862f65bd8eb6 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/app/GlobalStyleProvider.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/app/GlobalStyleProvider.tsx
@@ -26,6 +26,7 @@ const GlobalStyle = createGlobalStyle`
     color-scheme: ${Colors.browserColorScheme()};
     background-color: ${Colors.backgroundDefault()};
     color: ${Colors.textDefault()};
+    scrollbar-color: ${Colors.accentGrayHover()} ${Colors.backgroundGray()};
     width: 100vw;
     height: 100vh;
     overflow: hidden;