diff --git a/addons/rose/addon/styles/rose/variables/color/_css.scss b/addons/rose/addon/styles/rose/variables/color/_css.scss
index 43787312d..ccafb6886 100644
--- a/addons/rose/addon/styles/rose/variables/color/_css.scss
+++ b/addons/rose/addon/styles/rose/variables/color/_css.scss
@@ -136,6 +136,8 @@
   --ui-gray-starker-4: #{color(ui-gray, 010)};
 
   --ui-header-subtler: #{color(ui-cool-gray, 100)};
+
+  color-scheme: dark;
 }
 
 // Light mode is the default, hence it is applied to `html` by default