fix(theme): css filter breaking fixed position (#125)

Add css filters to `html` instead of `body`

Author: FuckDoctors

src/setup/theme/index.ts

@@ -15,27 +15,27 @@ export function setCssVar(prop: string, val: any, dom = document.documentElement
   dom.style.setProperty(prop, val);
 }
 
-function toggleClass(flag: boolean, clsName: string) {
-  const body = document.body;
-  let { className } = body;
+function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
+  const targetEl = target || document.body;
+  let { className } = targetEl;
   className = className.replace(clsName, '');
-  document.body.className = flag ? `${className} ${clsName} ` : className;
+  targetEl.className = flag ? `${className} ${clsName} ` : className;
 }
 
 /**
  * Change the status of the project's color weakness mode
  * @param gray
  */
 export const updateColorWeak = (colorWeak: boolean) => {
-  toggleClass(colorWeak, 'color-weak');
+  toggleClass(colorWeak, 'color-weak', document.documentElement);
 };
 
 /**
  * Change project gray mode status
  * @param gray
  */
 export const updateGrayMode = (gray: boolean) => {
-  toggleClass(gray, 'gray-mode');
+  toggleClass(gray, 'gray-mode', document.documentElement);
 };
 
 /**