<ul dir="auto">
<li>Electron version:1.8.1 beta</li>
<li>Operating system: mac os high sierra</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">system: mac os 10.11.6<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/13149266/31598921-d866d882-b215-11e7-9c19-78411fcfdd66.png"><img src="https://user-images.githubusercontent.com/13149266/31598921-d866d882-b215-11e7-9c19-78411fcfdd66.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/13149266/31598934-e1781fbc-b215-11e7-8eb1-504a59db8a25.png"><img src="https://user-images.githubusercontent.com/13149266/31598934-e1781fbc-b215-11e7-8eb1-504a59db8a25.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">How to reproduce</h3>
<p dir="auto">This my BrowserWindow config.</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const url = require('url')

var config = {
    resizable: true,
    frame: false,
    titleBarStyle: 'hidden-inset',
    fullscreenable: false,
    &quot;vibrancy&quot;: &quot;dark&quot;
}

var win = new BrowserWindow(config)
win.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }))
"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-s1">url</span> <span class="pl-c1">=</span> <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'url'</span><span class="pl-kos">)</span>

<span class="pl-k">var</span> <span class="pl-s1">config</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
    <span class="pl-c1">resizable</span>: <span class="pl-c1">true</span><span class="pl-kos">,</span>
    <span class="pl-c1">frame</span>: <span class="pl-c1">false</span><span class="pl-kos">,</span>
    <span class="pl-c1">titleBarStyle</span>: <span class="pl-s">'hidden-inset'</span><span class="pl-kos">,</span>
    <span class="pl-c1">fullscreenable</span>: <span class="pl-c1">false</span><span class="pl-kos">,</span>
    <span class="pl-s">"vibrancy"</span>: <span class="pl-s">"dark"</span>
<span class="pl-kos">}</span>

<span class="pl-k">var</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-s1">config</span><span class="pl-kos">)</span>
<span class="pl-s1">win</span><span class="pl-kos">.</span><span class="pl-en">loadURL</span><span class="pl-kos">(</span><span class="pl-s1">url</span><span class="pl-kos">.</span><span class="pl-en">format</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
    <span class="pl-c1">pathname</span>: <span class="pl-s1">path</span><span class="pl-kos">.</span><span class="pl-en">join</span><span class="pl-kos">(</span><span class="pl-s1">__dirname</span><span class="pl-kos">,</span> <span class="pl-s">'index.html'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
    <span class="pl-c1">protocol</span>: <span class="pl-s">'file:'</span><span class="pl-kos">,</span>
    <span class="pl-c1">slashes</span>: <span class="pl-c1">true</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">)</span></pre></div>
<ul dir="auto">
<li>Electron version: 1.7.6</li>
<li>Operating system: MacOS High Sierra GM</li>
</ul>
<h3 dir="auto">Expected behavior</h3>
<p dir="auto">Title bar should not be invisible</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/320654/30441406-f34fe61a-993e-11e7-8592-244e50a92bb9.png"><img src="https://user-images.githubusercontent.com/320654/30441406-f34fe61a-993e-11e7-8592-244e50a92bb9.png" alt="screen shot 2017-09-14 at 11 22 04 am" style="max-width: 100%;"></a></p>
<h3 dir="auto">Actual behavior</h3>
<p dir="auto">Title bar is invisible</p>
<h3 dir="auto">How to reproduce</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  mainWindow = new BrowserWindow({
      vibrancy: 'light',
      titleBarStyle: 'hiddenInset',
      width: 800,
      height: 600
  })"><pre class="notranslate"><code class="notranslate">  mainWindow = new BrowserWindow({
      vibrancy: 'light',
      titleBarStyle: 'hiddenInset',
      width: 800,
      height: 600
  })
</code></pre></div>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=" $ git clone git@github.com:gerges/electron-quick-start.git -b  issue/invisible-titlebar
 $ npm install
 $ npm run start"><pre class="notranslate"><code class="notranslate"> $ git clone git@github.com:gerges/electron-quick-start.git -b  issue/invisible-titlebar
 $ npm install
 $ npm run start
</code></pre></div>