4 files changed, 47 insertions, 0 deletions

diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 3306febe1..d9a191982 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -158,6 +158,7 @@
   "menu.view.reloadService": "Reload Service",
   "menu.view.resetZoom": "Actual Size",
   "menu.view.toggleDevTools": "Toggle Developer Tools",
+  "menu.view.toggleDarkMode": "Toggle Dark Mode",
   "menu.view.toggleFullScreen": "Toggle Full Screen",
   "menu.view.toggleServiceDevTools": "Toggle Service Developer Tools",
   "menu.view.toggleTodosDevTools": "Toggle Todos Developer Tools",
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 235e12146..fb2cb3d7e 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -116,6 +116,7 @@
   "menu.view.reloadService": "Athlódáil seirbhís",
   "menu.view.resetZoom": "Fíormhéid",
   "menu.view.toggleDevTools": "Scoránaigh uirlis forbróra",
+  "menu.view.toggleDarkMode": "Toggle Dark Mode",
   "menu.view.toggleFullScreen": "Scoránaigh mód lánscáileáin",
   "menu.view.toggleServiceDevTools": "Scoránaigh uirlis forbróra seirbhíse",
   "menu.view.toggleTodosDevTools": "Toggle Todos Developer Tools",
diff --git a/src/i18n/messages/src/lib/Menu.json b/src/i18n/messages/src/lib/Menu.json
index 15f5ff75f..587754463 100644
--- a/src/i18n/messages/src/lib/Menu.json
+++ b/src/i18n/messages/src/lib/Menu.json
@@ -325,6 +325,19 @@
     }
   },
   {
+    "id": "menu.view.toggleDarkMode",
+    "defaultMessage": "!!!Toggle Dark Mode",
+    "file": "src/lib/Menu.js",
+    "start": {
+      "line": 114,
+      "column": 18
+    },
+    "end": {
+      "line": 117,
+      "column": 3
+    }
+  },
+  {
     "id": "menu.view.toggleTodosDevTools",
     "defaultMessage": "!!!Toggle Todos Developer Tools",
     "file": "src/lib/Menu.js",
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,