better handling of the auto theme to prevent further bugs with it

2025-12-17 05:28:17 +00:00 · 2022-10-06 19:58:31 +02:00
parent 7ffa8b2cfe
commit c7595049bd
4 changed files with 8 additions and 37 deletions
--- a/src/main.js
+++ b/src/main.js
@@ -239,6 +239,13 @@ const mixin = {
    },
    computed: {
        theme() {
+            this.refreshTheme; // forces Vue to recompute the value when the var gets changed
+            if (this.getPreferenceString("theme", "dark") == "auto") {
+                const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
+                // Forces the app to recompute the theme class
+                darkModePreference.addEventListener("change", () => this.refreshTheme++);
+                return darkModePreference.matches ? "dark" : "light";
+            }
            return this.getPreferenceString("theme", "dark");
        },
        authenticated(_this) {
@@ -269,6 +276,7 @@ const mixin = {
        return {
            TimeAgo: TimeAgo,
            TimeAgoConfig: timeAgo,
+            refreshTheme: 0,
        };
    },
 };