perf: css variable 从 :root 迁移到 body

Author: shalldie

package-lock.json

@@ -2,7 +2,7 @@
   "name": "background",
   "displayName": "background",
   "description": "Bring background images to your vscode",
-  "version": "2.0.8-alpha.3",
+  "version": "2.0.8-alpha.5",
   "scripts": {
     "vscode:prepublish": "npm run compile",
     "vscode:uninstall": "node ./out/uninstall",

package.json

@@ -73,7 +73,7 @@ function getNextImg() {
 }
 
 function setNextImg() {
-    document.documentElement.style.setProperty(cssvariable, 'url(' + getNextImg() + ')');
+    document.body.style.setProperty(cssvariable, 'url(' + getNextImg() + ')');
 }
 
 if (interval > 0) {

src/background/PatchGenerator/PatchGenerator.fullscreen.ts

@@ -12,13 +12,13 @@ export class ThemePatchGenerator extends WithoutImagesPatchGenerator {
     protected getStyle(): string {
         return css`
             // 浅色主题（默认）
-            :root {
+            body {
                 // 不使用混合模式
                 ${ThemePatchGenerator.cssMixBlendMode}: unset;
             }
 
-            // 深色主题 (覆盖)
-            :root:has(body > .monaco-workbench.vs-dark) {
+            // 深色主题 (覆盖)，避免使用 :root
+            body:has(> .monaco-workbench.vs-dark) {
                 // 使用混合模式
                 ${ThemePatchGenerator.cssMixBlendMode}: screen;
             }