diff --git a/src/pydata_sphinx_theme/assets/styles/variables/_color.scss b/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
index e658ae062..ccbabe8ff 100644
--- a/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
+++ b/src/pydata_sphinx_theme/assets/styles/variables/_color.scss
@@ -310,6 +310,7 @@ html:not([data-theme]) {
 @each $mode in (light, dark) {
   html[data-theme="#{$mode}"] {
     @include theme-colors($mode);
+    color-scheme: $mode;
   }
 }