[ui] Fix dark mode scrollbars

dagster-io · Nov 20, 2024 · 7fa4425 · 7fa4425
1 parent 8abf993
commit 7fa4425
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 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
@@ -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
@@ -26,6 +26,7 @@ const GlobalStyle = createGlobalStyle`
     color-scheme: ${Colors.browserColorScheme()};
     background-color: ${Colors.backgroundDefault()};
     color: ${Colors.textDefault()};
+    scrollbar-color: ${Colors.borderDefault()} ${Colors.backgroundDefault()};
     width: 100vw;
     height: 100vh;
     overflow: hidden;