fix(styles): ensure that scrollbars match light/dark scheme (#474)

dequelabs · Dec 17, 2021 · 4b645af · 4b645af
1 parent 0298c7b
commit 4b645af
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/styles/base.css b/packages/styles/base.css
@@ -4,6 +4,11 @@
 
 .cauldron--theme-dark {
   --workspace-background-color: var(--dark-workspace-color);
+  color-scheme: dark;
+}
+
+.cauldron--theme-light {
+  color-scheme: light;
 }
 
 html {

diff --git a/packages/styles/layout.css b/packages/styles/layout.css
@@ -3,7 +3,7 @@
   padding: var(--layout-padding) var(--layout-padding) 0 var(--layout-padding);
   position: fixed;
   overflow-x: hidden;
-  overflow-y: scroll;
+  overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   right: 0;
   bottom: 0;