From 0231ebfeef5b9569da82d1fbe072cb99aebea769 Mon Sep 17 00:00:00 2001
From: Robert Smits <robertsmits@hotmail.be>
Date: Sun, 1 Oct 2023 13:16:00 +0200
Subject: [PATCH] Use Bootstrap 5 dark theme support

---
 ui/src/app/app.component.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

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() {