even better icons

app/header/index.css

@@ -66,16 +66,16 @@ header.error .js-error { display: block; }
 
 
 
-header .js-sync { color: #888; width: 24px; height: 24px; right: 107px; top: 7px; box-shadow: inset 0 0 0 2px; transform: translateZ(0); }
+header .js-sync { color: #888; width: 22px; height: 22px; right: 107px; top: 8px; box-shadow: inset 0 0 0 2px; transform: translateZ(0); }
 
 .js-sync,
 .js-sync:before,
 .js-sync:after { border-radius: 50%; background-color: inherit; }
 
 .js-sync:before,
-.js-sync:after { width: 13px; height: 26px; position: absolute; content: ''; }
+.js-sync:after { width: 12px; height: 24px; position: absolute; content: ''; }
 
-.js-sync:before { top: -1px; left: -1px; transform-origin: 13px 13px; border-radius: 26px 0 0 26px; animation: spin 2s infinite ease 1.5s; }
-.js-sync:after { top: -1px; left: 12px; transform-origin: 0 13px; border-radius: 0 26px 26px 0; animation: spin 2s infinite ease; }
+.js-sync:before { top: -1px; left: -1px; transform-origin: 12px 12px; border-radius: 24px 0 0 24px; animation: spin 2s infinite ease 1.5s; }
+.js-sync:after { top: -1px; left: 11px; transform-origin: 0 12px; border-radius: 0 24px 24px 0; animation: spin 2s infinite ease; }
 
 @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); }}

app/touchbar/index.js

@@ -1,5 +1,5 @@
-const {TouchBar, getCurrentWindow} = require('electron').remote;
-const {TouchBarButton, TouchBarSpacer} = TouchBar;
+const { TouchBar, getCurrentWindow } = require('electron').remote;
+const { TouchBarButton, TouchBarSpacer } = TouchBar;
 const { config, EVENT } = require('../services');
 const $ = require('../util');
 
@@ -24,6 +24,7 @@ function initBar () {
 
 	const btnAddressbar = new TouchBarButton({
 		label: 'Search or type url                                   ',	// these are nbsp chars
+		// image: './assets/tb-logo.png',
 		click: () => $.trigger(EVENT.address.focus)
 	});
 
@@ -49,6 +50,7 @@ function bookmarkExists (exists) {
 		empty: './assets/tb-bookmark-outline.png',
 		full: './assets/tb-bookmark.png',
 	};
+	btnBookmark.backgroundColor = exists ? '#555' : '#444';
 	btnBookmark.icon = exists ? icons.full : icons.empty;
 }