fix hw acc

packages/frontend/src/boot/common.ts

@@ -198,17 +198,8 @@ export async function common(createVue: () => App<Element>) {
 	}, { immediate: true });
 
 	watch(defaultStore.reactiveState.useHardwareAcceleration, v => {
-		if (v) {
-			const miHwAcc = document.createElement('style');
-			miHwAcc.textContent = `html { 
-				-webkit-font-smoothing: antialiased;
-				-moz-osx-font-smoothing: grayscale;
-			}`;
-			document.head.appendChild(miHwAcc);
-		} else {
-			document.querySelector('style')?.remove();
-		}
-	}, { immediate: true });
+		document.documentElement.classList.toggle('font-smoothing-auto', !v);
+	  }, { immediate: true });
 
 	// Keep screen on
 	const onVisibilityChange = () => document.addEventListener('visibilitychange', () => {

packages/frontend/src/style.scss

@@ -14,6 +14,16 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+* {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.font-smoothing-auto * {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+}
+
 :root {
 	--MI-radius: 12px;
 	--MI-marginFull: 16px;