#530 Dark Mode Hotkey (#537)

* Bump version number

* feat: Add a new menu item for toggling between Dark Mode and Light Mode
  - Add a new sub menu entry under 'View' in src/lib/Menu.js named toggleDarkMode
  - Add an accelerator hotkey of '${cmdKey}+Shift+D' as the feature request was to have a hot key for dark mode. See #530
  - Update intl locales for 'menu.view.toggleDarkMode' in en.json and en-US.json.

Co-authored-by: Amine Mouafik <amine@mouafik.fr>
Co-authored-by: vantezzen <hello@vantezzen.io>
Co-authored-by: Mahadevan Sreenivasan <mahadevan_sreenivasan@trimble.com>

1 files changed, 32 insertions, 0 deletions

diff --git a/src/lib/Menu.js b/src/lib/Menu.js
index 4547e84f9..07a29a224 100644
--- a/src/lib/Menu.js
+++ b/src/lib/Menu.js
@@ -111,6 +111,10 @@ const menuItems = defineMessages({
     id: 'menu.view.toggleFullScreen',
     defaultMessage: '!!!Toggle Full Screen',
   },
+  toggleDarkMode: {
+    id: 'menu.view.toggleDarkMode',
+    defaultMessage: '!!!Toggle Dark Mode',
+  },
   toggleDevTools: {
     id: 'menu.view.toggleDevTools',
     defaultMessage: '!!!Toggle Developer Tools',
@@ -457,6 +461,20 @@ const _templateFactory = (intl, locked) => [
           : intl.formatMessage(menuItems.enterFullScreen),
         role: 'togglefullscreen',
       },
+      {
+        label: intl.formatMessage(menuItems.toggleDarkMode),
+        type: 'checkbox',
+        accelerator: `${cmdKey}+Shift+D`,
+        checked: window.ferdi.stores.settings.app.darkMode,
+        click: () => {
+          window.ferdi.actions.settings.update({
+            type: 'app',
+            data: {
+              darkMode: !window.ferdi.stores.settings.app.darkMode,
+            },
+          });
+        },
+      },
     ],
   },
   {
@@ -690,6 +708,20 @@ const _titleBarTemplateFactory = (intl, locked) => [
         },
       },
       {
+        label: intl.formatMessage(menuItems.toggleDarkMode),
+        type: 'checkbox',
+        accelerator: `${cmdKey}+Shift+D`,
+        checked: window.ferdi.stores.settings.app.darkMode,
+        click: () => {
+          window.ferdi.actions.settings.update({
+            type: 'app',
+            data: {
+              darkMode: !window.ferdi.stores.settings.app.darkMode,
+            },
+          });
+        },
+      },
+      {
         label: intl.formatMessage(menuItems.autohideMenuBar),
         type: 'checkbox',
         checked: window.ferdi.stores.settings.app.autohideMenuBar,