Added Black Theme feature

klaudiosinani · Aug 21, 2017 · 10b6d92 · 10b6d92
1 parent 73b51da
commit 10b6d92
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 0 deletions.
diff --git a/browser.js b/browser.js
@@ -64,6 +64,15 @@ ipc.on('toggle-dark-mode', () => {
   darkMode();
 });
 
+function blackMode() {
+  document.documentElement.classList.toggle('black-mode', config.get('blackMode'));
+}
+
+ipc.on('toggle-black-mode', () => {
+  config.set('blackMode', !config.get('blackMode'));
+  blackMode();
+});
+
 ipc.on('toggle-notebooks', () => {
   // Toggle notebooks list
   document.querySelector('#gwt-debug-Sidebar-notebooksButton').click();

diff --git a/config.js b/config.js
@@ -9,6 +9,7 @@ module.exports = new Config({
       height: 500
     },
     darkMode: false,
+    blackMode: false,
     alwaysOnTop: false,
     lastURL: 'https://www.evernote.com/Login.action'
   }

diff --git a/index.js b/index.js
@@ -33,6 +33,7 @@ function createMainWindow() {
   const lastURL = config.get('lastURL');
   const maxWindowInteger = 2147483647;
   const darkModeFlag = config.get('darkMode');
+  const blackModeFlag = config.get('blackMode');
 
   const win = new electron.BrowserWindow({
     title: app.getName(),
@@ -102,6 +103,7 @@ app.on('ready', () => {
   page.on('dom-ready', () => {
     page.insertCSS(fs.readFileSync(path.join(__dirname, 'browser.css'), 'utf8'));
     page.insertCSS(fs.readFileSync(path.join(__dirname, 'dark-mode.css'), 'utf8'));
+    page.insertCSS(fs.readFileSync(path.join(__dirname, 'black-mode.css'), 'utf8'));
     mainWindow.show();
   });
 

diff --git a/menu.js b/menu.js
@@ -180,6 +180,12 @@ const darwinTpl = [{
     click() {
       sendAction('toggle-dark-mode');
     }
+  }, {
+    label: 'Toggle Black Mode',
+    accelerator: 'CmdOrCtrl+Alt+D',
+    click() {
+      sendAction('toggle-black-mode');
+    }
   }, {
     type: 'separator'
   }, {
@@ -493,6 +499,12 @@ const otherTpl = [{
     click() {
       sendAction('toggle-dark-mode');
     }
+  }, {
+    label: 'Toggle Black Mode',
+    accelerator: 'CmdOrCtrl+Alt+D',
+    click() {
+      sendAction('toggle-black-mode');
+    }
   }, {
     type: 'separator'
   }, {