diff --git a/web/src/app.css b/web/src/app.css
index 54cd03b89d..c361d890cb 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -23,6 +23,7 @@
     --immich-dark-warning: 245 124 0;
   }
 }
+
 @font-face {
   font-family: 'Overpass';
   src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations');
@@ -48,6 +49,14 @@
   --navbar-height: calc(theme(spacing.18) + 4px);
 }
 
+:root.dark {
+  color-scheme: dark;
+}
+
+:root:not(.dark) {
+  color-scheme: light;
+}
+
 html {
   height: 100%;
   width: 100%;