diff --git a/src/components/App.tsx b/src/components/App.tsx
index 0b0d983c..c7fbf96a 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -724,7 +724,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
       });
     }
 
-    document.body.classList.toggle(
+    document.documentElement.classList.toggle(
       "Appearance_dark",
       this.state.appearance === "dark",
     );
diff --git a/src/css/theme.scss b/src/css/theme.scss
index a7e400a5..30551225 100644
--- a/src/css/theme.scss
+++ b/src/css/theme.scss
@@ -37,6 +37,10 @@
   --popup-text-inverted-color: #{$oc-white};
 }
 
+:root.Appearance_dark {
+  background-color: #000;
+}
+
 .Appearance_dark {
   --text-color-primary: #{$oc-gray-4};
   --bg-color-island: #1e1e1e;