From b373cbcba125eae4fa9bf3f038afd02812400541 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 23 Jan 2026 13:48:53 +0100
Subject: [PATCH] feat: setting preferred theme based on browser media

---
 src/App.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 38651c9..410210e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,6 +47,7 @@ export default defineComponent({
   methods: {
     init() {
       this.loadLang();
+      this.setupDarkMode();
       this.loadSettings();
       this.checkAppVersion();
       this.handleQueries();
@@ -54,6 +55,15 @@ export default defineComponent({
 
     loadSettings() {
       document.title = `GeneraTOR ${this.appVersion}`;
+    },
+
+    setupDarkMode() {
+      if (this.getOrderSetting('dark-mode') === null) {
+        const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+        this.saveOrderSetting('dark-mode', prefersDarkMode);
+      }
+
       this.store.orderDarkMode = this.getOrderSetting('dark-mode') === 'true';
     },