fix initial accent color

src/main/index.js

@@ -80,18 +80,20 @@ const createWindow = async () => {
 
 app.on('ready', async () => {
   await prepareNext('./src/renderer')
-
+  await createWindow()
-  createWindow()
 
   mainWindow.webContents.on('dom-ready', () => {
     switchTheme()
-    switchAccentColor()
 
     // add platform as class
     mainWindow.webContents.executeJavaScript(
       `document.getElementsByTagName('html')[0].classList.add('${process.platform}')`
     )
   })
+
+  mainWindow.webContents.on('did-finish-load', () => {
+    switchAccentColor()
+  })
 })
 
 // Quit when all windows are closed.

src/main/touchbar.js

@@ -8,7 +8,7 @@ const createButton = (
   value,
   key,
   mainWindow,
-  accentColor,
+  accentColor = '#f6388a',
   currentCurrency = 'ocean'
 ) =>
   new TouchBarButton({

src/renderer/pages/_app.jsx

@@ -6,12 +6,6 @@ import Router from 'next/router'
 import '../global.css'
 import Layout from '../Layout'
 
-//
-// Disable zooming
-//
-// webFrame.setVisualZoomLevelLimits(1, 1)
-// webFrame.setLayoutZoomLevelLimits(0, 0)
-
 export default function App({ Component, pageProps }) {
   useEffect(() => {
     global.ipcRenderer.on('goTo', (evt, route) => {

src/renderer/pages/preferences.jsx

@@ -3,16 +3,16 @@ import Link from 'next/link'
 import AccountsList from '../components/AccountsList'
 import styles from './preferences.module.css'
 
-const Preferences = () => (
+export default function Preferences() {
-  <div className={styles.preferences}>
+  return (
-    <h1 className={styles.title}>Preferences</h1>{' '}
+    <div className={styles.preferences}>
-    <Link href="/">
+      <h1 className={styles.title}>Preferences</h1>{' '}
-      <a className={styles.close} title="Close Preferences">
+      <Link href="/">
-        &times;
+        <a className={styles.close} title="Close Preferences">
-      </a>
+          &times;
-    </Link>
+        </a>
-    <AccountsList />
+      </Link>
-  </div>
+      <AccountsList />
-)
+    </div>
-
+  )
-export default Preferences
+}

src/renderer/store/AppProvider.jsx

@@ -38,7 +38,7 @@ export default class AppProvider extends PureComponent {
 
   async componentDidMount() {
     // listener for accent color
-    global.ipcRenderer.on('accent-color', (event, accentColor) => {
+    global.ipcRenderer.on('accent-color', (evt, accentColor) => {
       this.setState({ accentColor })
     })