Add auto dark mode feature and increase default popup width

src/_locales/ar/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "القدرة على حفظ الخلاصات"
   },
+  "Auto": {
+    "message": "تلقائي"
+  },
   "AutoMarkRead": {
     "message": "تلقائيا علم الأخبار المفتوحة كمقروء"
   },

src/_locales/bg/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Възможност за запазване а емисии"
   },
+  "Auto": {
+    "message": "Автоматично"
+  },
   "AutoMarkRead": {
     "message": "Автоматично маркиране като прочетено в новините"
   },

src/_locales/ca/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Possibilitat de guardar feeds"
   },
+  "Auto": {
+    "message": "Automàtic"
+  },
   "AutoMarkRead": {
     "message": "Marcar automàticament com a llegides les notícies obertes"
   },

src/_locales/cs/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Možnost uložit feedy"
   },
+  "Auto": {
+    "message": "Automaticky"
+  },
   "AutoMarkRead": {
     "message": "Automaticky označit jako přečteno po otevření zprávy"
   },

src/_locales/da/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Mulighed for at gemme feeds"
   },
+  "Auto": {
+    "message": "Automatisk"
+  },
   "AutoMarkRead": {
     "message": "Marker automatisk som læst ved åbning af nyhed"
   },

src/_locales/de/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Möglichkeit Feeds zu speichern"
   },
+  "Auto": {
+    "message": "Automatisch"
+  },
   "AutoMarkRead": {
     "message": "Automatisch als gelesen markieren wenn Neuigkeiten geöffnet werden"
   },

src/_locales/el/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Δυνατότητα αποθήκευσης των feeds"
   },
+  "Auto": {
+    "message": "Αυτόματο"
+  },
   "AutoMarkRead": {
     "message": "Αυτόματη σημείωση ως αναγνωσμένου κατά το άνοιγμα"
   },

src/_locales/en/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Ability to save feeds"
   },
+  "Auto": {
+    "message": "Auto"
+  },
   "AutoMarkRead": {
     "message": "Auto mark as read on news open"
   },

src/_locales/es/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Capacidad para guardar fuentes"
   },
+  "Auto": {
+    "message": "Automático"
+  },
   "AutoMarkRead": {
     "message": "Marcar automáticamente como leído al abrir noticias"
   },

src/_locales/es_419/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Capacidad de guardar feeds"
   },
+  "Auto": {
+    "message": "Automático"
+  },
   "AutoMarkRead": {
     "message": "Marcar como leído al abrir"
   },

src/_locales/fa/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "قابلیت ذخیره فید"
   },
+  "Auto": {
+    "message": "خودکار"
+  },
   "AutoMarkRead": {
     "message": "نشان‌گذاری به خوانده شده در زمان بازشدن اخبار"
   },

src/_locales/fr/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Possibilité d'enregistrer les articles"
   },
+  "Auto": {
+    "message": "Automatique"
+  },
   "AutoMarkRead": {
     "message": "Marquer comme lu automatiquement à l'ouverture d'un article"
   },

src/_locales/hu/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Elemek mentésének lehetősége"
   },
+  "Auto": {
+    "message": "Automatikus"
+  },
   "AutoMarkRead": {
     "message": "Hír automatikus megjelölése annak megnyitásakor"
   },

src/_locales/id/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Kemampuan untuk menyimpan feed"
   },
+  "Auto": {
+    "message": "Otomatis"
+  },
   "AutoMarkRead": {
     "message": "Otomatis tandai dibaca pada berita terbuka"
   },

src/_locales/it/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Possibilitа di salvare i feed"
   },
+  "Auto": {
+    "message": "Automatico"
+  },
   "AutoMarkRead": {
     "message": "Segna il feed automaticamente come letto quando si visualizza la notizia"
   },

src/_locales/ja/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "フィードの保存機能"
   },
+  "Auto": {
+    "message": "自動"
+  },
   "AutoMarkRead": {
     "message": "記事を開いた時に自動で既読にする"
   },

src/_locales/ko/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "피드 저장 기능"
   },
+  "Auto": {
+    "message": "자동"
+  },
   "AutoMarkRead": {
     "message": "열린 뉴스 자동으로 읽은 상태로 표시"
   },

src/_locales/lv/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Iespēja saglabāt plūsmas"
   },
+  "Auto": {
+    "message": "Automātiski"
+  },
   "AutoMarkRead": {
     "message": "Automātiski atzīmēt kā lasītu, kad ziņas tiek atvērtas"
   },

src/_locales/nl/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Mogelijkheid om feeds op te slaan"
   },
+  "Auto": {
+    "message": "Automatisch"
+  },
   "AutoMarkRead": {
     "message": "Berichten automatisch markeren als gelezen na aanklikken"
   },

src/_locales/pl/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Możliwość zapisu wiadomości"
   },
+  "Auto": {
+    "message": "Automatyczny"
+  },
   "AutoMarkRead": {
     "message": "Automatycznie oznacz jako przeczytane przy wyświetleniu"
   },

src/_locales/pt_BR/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Habilidade de salvar feeds"
   },
+  "Auto": {
+    "message": "Automático"
+  },
   "AutoMarkRead": {
     "message": "Automaticamente marcar artigo como lido ao abri-lo"
   },

src/_locales/pt_PT/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Capacidade para guardar os feeds"
   },
+  "Auto": {
+    "message": "Automático"
+  },
   "AutoMarkRead": {
     "message": "Ao abrir uma notícia, marca-a como lida"
   },

src/_locales/ru/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Возможность сохранять записи"
   },
+  "Auto": {
+    "message": "Автоматически"
+  },
   "AutoMarkRead": {
     "message": "Помечать новость как прочитанную при открытии"
   },

src/_locales/sr/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Способност чувања вести"
   },
+  "Auto": {
+    "message": "Аутоматски"
+  },
   "AutoMarkRead": {
     "message": "Аутоматски означи као прочитано приликом отварања вести"
   },

src/_locales/tr/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Haberi kaydetme özelliği"
   },
+  "Auto": {
+    "message": "Otomatik"
+  },
   "AutoMarkRead": {
     "message": "Haber açıldığında otomatik okundu işaretlensin"
   },

src/_locales/uk/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Можливість збереження подач"
   },
+  "Auto": {
+    "message": "Автоматично"
+  },
   "AutoMarkRead": {
     "message": "Позначати відкриту новину як прочитану"
   },

src/_locales/vi/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "Khả năng lưu feed"
   },
+  "Auto": {
+    "message": "Tự động"
+  },
   "AutoMarkRead": {
     "message": "Tự động đánh dấu đã đọc khi mở"
   },

src/_locales/zh_CN/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "提供“稍后阅读”按钮"
   },
+  "Auto": {
+    "message": "自动"
+  },
   "AutoMarkRead": {
     "message": "打开摘要时自动标记为已读"
   },

src/_locales/zh_TW/messages.json

@@ -2,6 +2,9 @@
   "AbilitySaveFeeds": {
     "message": "提供「收藏」按鈕"
   },
+  "Auto": {
+    "message": "自動"
+  },
   "AutoMarkRead": {
     "message": "打開摘要時，自動標記為已讀"
   },

src/manifest.json

@@ -3,7 +3,7 @@
 
     "name": "Feedly Notifier",
     "description": "__MSG_ExtensionDescription__",
-    "version": "3.0.3",
+    "version": "3.1.0",
     "default_locale": "en",
 
     "permissions": [

src/options.html

@@ -58,6 +58,7 @@ <h3 data-locale-value="Popup"></h3>
 
                 <label for="theme" class="label" data-locale-value="Theme"></label>
                 <select id="theme" data-disable-parent="openSiteOnIconClick" data-option-name="theme">
+                    <option value="auto" data-locale-value="Auto"></option>
                     <option value="light" data-locale-value="Light"></option>
                     <option value="dark" data-locale-value="Dark"></option>
                     <option value="nord" data-locale-value="Nord"></option>

src/scripts/core.js

@@ -16,8 +16,8 @@ var appGlobal = {
     },
     options: {
         _updateInterval: 10, //minutes
-        _popupWidth: 380,
-        _expandedPopupWidth: 650,
+        _popupWidth: 500,
+        _expandedPopupWidth: 800,
 
         markReadOnClick: true,
         accessToken: "",
@@ -42,7 +42,7 @@ var appGlobal = {
         sound: "sound/alert.mp3",
         soundVolume: 0.8,
         sortBy: "newest",
-        theme: "light",
+        theme: "auto",
         resetCounterOnClick: false,
         popupFontSize: 100, //percent
         showCategories: false,

src/scripts/popup.js

@@ -390,17 +390,34 @@ function getUniqueCategories(feeds){
     return categories;
 }
 
+function getSystemTheme() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+
+function applyTheme(theme) {
+    if (theme === "dark") {
+        document.body.setAttribute("data-theme", "dark");
+    } else if (theme === "nord") {
+        document.body.setAttribute("data-theme", "nord");
+    } else {
+        document.body.removeAttribute("data-theme");
+    }
+}
+
 function setTheme() {
-    switch (options.theme) {
-        case "dark":
-            document.body.setAttribute("data-theme", "dark");
-            break;
-        case "nord":
-            document.body.setAttribute("data-theme", "nord");
-            break;
-        default: {
-            document.body.removeAttribute("data-theme");
-        }
+    let effectiveTheme = options.theme;
+
+    if (options.theme === "auto") {
+        effectiveTheme = getSystemTheme();
+    }
+
+    applyTheme(effectiveTheme);
+
+    // Listen for system theme changes when auto mode is enabled
+    if (options.theme === "auto") {
+        window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+            applyTheme(e.matches ? "dark" : "light");
+        });
     }
 }