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,