diff --git a/themes/theme-default/src/client/styles/vars-dark.scss b/themes/theme-default/src/client/styles/vars-dark.scss
index 15b41dfcb8..1ccb74a94e 100644
--- a/themes/theme-default/src/client/styles/vars-dark.scss
+++ b/themes/theme-default/src/client/styles/vars-dark.scss
@@ -66,3 +66,10 @@ html.dark .DocSearch {
   --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5),
     0 -4px 8px 0 rgba(0, 0, 0, 0.2);
 }
+
+// plugin-pwa
+html.dark body {
+  --pwa-shadow-color: rgb(0 0 0 / 30%);
+  --pwa-content-color: #ccc;
+  --pwa-content-light-color: #999;
+}
diff --git a/themes/theme-default/src/client/styles/vars.scss b/themes/theme-default/src/client/styles/vars.scss
index 9796d893c1..8abbd6d5ba 100644
--- a/themes/theme-default/src/client/styles/vars.scss
+++ b/themes/theme-default/src/client/styles/vars.scss
@@ -149,7 +149,7 @@ body {
 }
 
 // plugin-pwa-popup
-html {
+body {
   --pwa-text-color: var(--c-text);
   --pwa-bg-color: var(--c-bg);
   --pwa-border-color: var(--c-brand);
@@ -158,12 +158,6 @@ html {
   --pwa-btn-hover-bg-color: var(--c-brand-light);
 }
 
-html.dark {
-  --pwa-shadow-color: rgb(0 0 0 / 30%);
-  --pwa-content-color: #ccc;
-  --pwa-content-light-color: #999;
-}
-
 // plugin-redirect
 .language-modal-mask {
   --redirect-bg-color: var(--c-bg);