diff --git a/ui/src/app/app.component.ts b/ui/src/app/app.component.ts
index a71d76e..e087ef8 100644
--- a/ui/src/app/app.component.ts
+++ b/ui/src/app/app.component.ts
@@ -128,9 +128,8 @@ export class AppComponent implements AfterViewInit {
   }
 
   setTheme() {
-    const doc = document.querySelector('html')
-    const filter = this.darkMode ? "invert(1) hue-rotate(180deg)" : ""
-    doc.style.filter = filter
+    const theme = this.darkMode ? 'dark' : 'light';
+    document.documentElement.setAttribute('data-bs-theme', theme);
   }
 
   formatChanged() {