Merge pull request #3 from alexargo/master

Adding handling for light mode / dark mode

package.json

@@ -15,7 +15,7 @@
     "source-map-support": "^0.5.12"
   },
   "devDependencies": {
-    "electron": "5.0.6",
+    "electron": "8.2.3",
     "electron-builder": "^21.0.11",
     "electron-webpack": "^2.7.4",
     "webpack": "~4.35.3"

src/main/index.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { app, Menu, Tray } from 'electron'
+import { app, Menu, Tray, nativeTheme } from 'electron'
 import addon from '../driver'
 import * as path from 'path'
 
@@ -9,11 +9,31 @@ import * as path from 'path'
 
 let tray = null
 
-
 app.on('ready', () => {
+  createTray();
+})
+
+app.on('quit', () => {
+  addon.closeDevice();  
+})
+
+nativeTheme.on('updated', () => {
+ createTray();
+})
+
+function createTray() {
   if (app.dock) app.dock.hide()
 
-  tray = new Tray(path.join(__dirname, '../assets/icon.png'))
+  if(tray != null) {
+    tray.destroy();
+  } 
+
+  if(nativeTheme.shouldUseDarkColors) {
+    tray = new Tray(path.join(__dirname, '../assets/icon-darkmode.png'))  
+  } else {
+    tray = new Tray(path.join(__dirname, '../assets/icon-lightmode.png'))   
+  }
+
   const contextMenu = Menu.buildFromTemplate([
     {
       label: addon.getDevice(),
@@ -74,8 +94,5 @@ app.on('ready', () => {
   ])
   tray.setToolTip('This is my application.')
   tray.setContextMenu(contextMenu)
-})
 
-app.on('quit', () => {
-  addon.closeDevice();
-})
+}