feat: allow the user to enable/disable dark mode

(from the sidebar context menu)

1 files changed, 13 insertions, 0 deletions

diff --git a/src/stores/ServicesStore.js b/src/stores/ServicesStore.js
index 499495d08..4ccb995ae 100644
--- a/src/stores/ServicesStore.js
+++ b/src/stores/ServicesStore.js
@@ -97,6 +97,7 @@ export default class ServicesStore extends Store {
       this._toggleNotifications.bind(this),
     );
     this.actions.service.toggleAudio.listen(this._toggleAudio.bind(this));
+    this.actions.service.toggleDarkMode.listen(this._toggleDarkMode.bind(this));
     this.actions.service.openDevTools.listen(this._openDevTools.bind(this));
     this.actions.service.openDevToolsForActiveService.listen(
       this._openDevToolsForActiveService.bind(this),
@@ -916,6 +917,18 @@ export default class ServicesStore extends Store {
     });
   }
 
+  @action _toggleDarkMode({ serviceId }) {
+    const service = this.one(serviceId);
+
+    this.actions.service.updateService({
+      serviceId,
+      serviceData: {
+        isDarkModeEnabled: !service.isDarkModeEnabled,
+      },
+      redirect: false,
+    });
+  }
+
   @action _openDevTools({ serviceId }) {
     const service = this.one(serviceId);
     if (service.isTodosService) {