diff --git a/site/src/theme/overrides.ts b/site/src/theme/overrides.ts
index 8541cc687558d..b6a6037bb7887 100644
--- a/site/src/theme/overrides.ts
+++ b/site/src/theme/overrides.ts
@@ -14,6 +14,9 @@ export const getOverrides = ({ palette, breakpoints }: Theme): Overrides => {
           backgroundAttachment: "fixed",
           letterSpacing: "-0.015em",
         },
+        ":root": {
+          colorScheme: palette.type,
+        },
       },
     },
     MuiAvatar: {