diff --git a/src/components/ThemeSwitcher/ThemeSwitcher.tsx b/src/components/ThemeSwitcher/ThemeSwitcher.tsx
index de700fe5e..043d6acce 100644
--- a/src/components/ThemeSwitcher/ThemeSwitcher.tsx
+++ b/src/components/ThemeSwitcher/ThemeSwitcher.tsx
@@ -29,8 +29,10 @@ export const isDarkTheme = (theme: string) => {
 export const applyTheme = (theme: string): void => {
   if (isDarkTheme(theme)) {
     document.body.classList.add("is-dark");
+    document.documentElement.style.colorScheme = "dark";
   } else {
     document.body.classList.remove("is-dark");
+    document.documentElement.style.colorScheme = "light";
   }
 };