Toggle titlebar background color

Yukaii · Yukaii · commit bf8c6052852f · 2017-02-16T23:07:04.000+08:00
diff --git a/index.html b/index.html
@@ -32,6 +32,8 @@
 
         background-color: #f8f8f8;
         color: #484848;
+
+        transition: color 0.5s, background-color 0.5s;
       }
 
       #title-bar.dark {
diff --git a/renderer.js b/renderer.js
@@ -38,8 +38,10 @@ onload = () => {
 
 		// set dark theme if in home page
 		if (webview.getURL().split('?')[0].split('#')[0].match(/https:\/\/hackmd.io\/$/)) {
+			document.querySelector('#title-bar').className = 'dark';
 			document.querySelector('navbar').className = 'dark';
 		} else {
+			document.querySelector('#title-bar').className = '';
 			document.querySelector('navbar').className = '';
 		}
 

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,8 @@`
`32`	`32`
`33`	`33`	`background-color: #f8f8f8;`
`34`	`34`	`color: #484848;`
	`35`	`+`
	`36`	`+ transition: color 0.5s, background-color 0.5s;`
`35`	`37`	`}`
`36`	`38`
`37`	`39`	`#title-bar.dark {`
Original file line number	Diff line number	Diff line change
`@@ -38,8 +38,10 @@ onload = () => {`
`38`	`38`
`39`	`39`	`// set dark theme if in home page`
`40`	`40`	`if (webview.getURL().split('?')[0].split('#')[0].match(/https:\/\/hackmd.io\/$/)) {`
	`41`	`+ document.querySelector('#title-bar').className = 'dark';`
`41`	`42`	`document.querySelector('navbar').className = 'dark';`
`42`	`43`	`} else {`
	`44`	`+ document.querySelector('#title-bar').className = '';`
`43`	`45`	`document.querySelector('navbar').className = '';`
`44`	`46`	`}`
`45`	`47`