Merge pull request #758 from keepassxreboot/feature/dark_theme

Add dark theme

2 files changed, 12 insertions, 3 deletions

diff --git a/keepassxc-browser/background/event.js b/keepassxc-browser/background/event.js
index 0994835..aa7cb83 100755
--- a/keepassxc-browser/background/event.js
+++ b/keepassxc-browser/background/event.js
@@ -230,12 +230,16 @@ kpxcEvent.onUsernameFieldDetected = function(tab, detected) {
 
 kpxcEvent.passwordGetFilled = async function() {
     return page.passwordFilled;
-}
+};
 
 kpxcEvent.passwordSetFilled = function(tab, state) {
     page.passwordFilled = state;
     return Promise.resolve();
-}
+};
+
+kpxcEvent.getColorTheme = async function(tab) {
+    return page.settings.colorTheme;
+};
 
 // All methods named in this object have to be declared BEFORE this!
 kpxcEvent.messageHandlers = {
@@ -247,6 +251,7 @@ kpxcEvent.messageHandlers = {
     'enable_automatic_reconnect': keepass.enableAutomaticReconnect,
     'disable_automatic_reconnect': keepass.disableAutomaticReconnect,
     'generate_password': keepass.generatePassword,
+    'get_color_theme': kpxcEvent.getColorTheme,
     'get_connected_database': kpxcEvent.onGetConnectedDatabase,
     'get_database_hash': keepass.getDatabaseHash,
     'get_database_groups': keepass.getDatabaseGroups,
diff --git a/keepassxc-browser/background/page.js b/keepassxc-browser/background/page.js
index 557187d..6a22327 100755
--- a/keepassxc-browser/background/page.js
+++ b/keepassxc-browser/background/page.js
@@ -16,7 +16,8 @@ const defaultSettings = {
     saveDomainOnlyNewCreds: false,
     autoReconnect: false,
     defaultGroup: '',
-    defaultGroupAlwaysAsk: false
+    defaultGroupAlwaysAsk: false,
+    colorTheme: 'system'
 };
 
 var page = {};
@@ -82,6 +83,9 @@ page.initSettings = async function() {
         if (!('defaultGroupAlwaysAsk' in page.settings)) {
             page.settings.defaultGroupAlwaysAsk = defaultSettings.defaultGroupAlwaysAsk;
         }
+        if (!('colorTheme' in page.settings)) {
+            page.settings.colorTheme = defaultSettings.colorTheme;
+        }
 
         await browser.storage.local.set({ 'settings': page.settings });
         return page.settings;