diff --git a/app/javascript/widget/App.vue b/app/javascript/widget/App.vue
index 9d6600264..f18927f39 100755
--- a/app/javascript/widget/App.vue
+++ b/app/javascript/widget/App.vue
@@ -302,4 +302,9 @@ export default {
 
 <style lang="scss">
 @import '~widget/assets/scss/woot.scss';
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
 </style>