<ul dir="auto">
<li>Electron version: 3.1.1</li>
<li>Operating system: Mac 10.12.2</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">When I refresh the app by pressing <code class="notranslate">command+r</code> the page should refresh and the vibrancy effect should not be removed.</p>

<h3 dir="auto">Actual behavior</h3>
<p dir="auto">When I actually refresh the page, the vibrancy effect is removed and I only get a white background.</p>

<h3 dir="auto">How to reproduce</h3>
<p dir="auto">Here is my main code</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="function createWindow() {
	var bounds = getBounds();
	var options = {
		vibrancy: 'light',
		width: bounds.width,
		height: bounds.height,
		x: bounds.x,
		y: bounds.y,
		titleBarStyle: 'hidden'
	}

	mainWindow = new BrowserWindow(options);

	mainWindow.loadURL(viewFile);

	mainWindow.on('close', () =&gt; {
		saveBounds();
	});
	mainWindow.on('closed', () =&gt; {
		mainWindow = null;
	});

	return mainWindow;
}"><pre class="notranslate"><code class="notranslate">function createWindow() {
	var bounds = getBounds();
	var options = {
		vibrancy: 'light',
		width: bounds.width,
		height: bounds.height,
		x: bounds.x,
		y: bounds.y,
		titleBarStyle: 'hidden'
	}

	mainWindow = new BrowserWindow(options);

	mainWindow.loadURL(viewFile);

	mainWindow.on('close', () =&gt; {
		saveBounds();
	});
	mainWindow.on('closed', () =&gt; {
		mainWindow = null;
	});

	return mainWindow;
}
</code></pre></div>
<p dir="auto">getBounds just loads the bounds from a json file.</p>
<ul dir="auto">
<li>Electron version: 1.4.13 (currently the latest)</li>
<li>Operating system: OS X El Capitan (10.11.4)</li>
</ul>
<h3 dir="auto">Expected behavior</h3>

<p dir="auto">When the web page reloads the vibrancy set on the <code class="notranslate">BrowserWindow</code> should remain active.</p>
<h3 dir="auto">Actual behavior</h3>

<p dir="auto">When the web page reloads (either using <code class="notranslate">[Cmd+R]</code>, or in my case, due to Create React App) the vibrancy which was active prior to the reload is lost.</p>
<h3 dir="auto">How to reproduce</h3>

<p dir="auto">If you use the sample code on the <a href="http://electron.atom.io/docs/tutorial/quick-start/#write-your-first-electron-app" rel="nofollow">Quick Start</a> page, and replace the <code class="notranslate">BrowserWindow</code> creation code with the following...</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// ...

win = new BrowserWindow({
  width: 800,
  height: 600,
  vibrancy: 'light'
});

// ..."><pre class="notranslate"><span class="pl-c">// ...</span>

<span class="pl-s1">win</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">BrowserWindow</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">width</span>: <span class="pl-c1">800</span><span class="pl-kos">,</span>
  <span class="pl-c1">height</span>: <span class="pl-c1">600</span><span class="pl-kos">,</span>
  <span class="pl-c1">vibrancy</span>: <span class="pl-s">'light'</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

<span class="pl-c">// ...</span></pre></div>
<p dir="auto">Then load up the app and press <code class="notranslate">[Cmd+R]</code> on your keyboard. The vibrancy is lost, and the page background goes back to white (web page default).</p>