<h3 dir="auto">Preflight Checklist</h3>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<ul dir="auto">
<li><strong>Electron Version:</strong> 9.0.0</li>
<li><strong>Operating System:</strong> macOS 10.14.6</li>
<li><strong>Last Known Working Electron version:</strong> 8.3.0</li>
</ul>
<h3 dir="auto">To Reproduce</h3>

<ul dir="auto">
<li>Create any page with an <code class="notranslate">&lt;input&gt;</code>, <code class="notranslate">&lt;textarea&gt;</code>, or other control, open it in Electron, and focus it.</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>

<p dir="auto">The control should have a blue outline, as it does in Chrome 83:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10314059/83318021-c8233a00-a1f6-11ea-9485-f47595a0fbd2.png"><img width="587" src="https://user-images.githubusercontent.com/10314059/83318021-c8233a00-a1f6-11ea-9485-f47595a0fbd2.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Actual Behavior</h3>

<p dir="auto">The control has an orange outline:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10314059/83318032-d6715600-a1f6-11ea-8dc6-dc7a7f3c0bcc.png"><img width="714" src="https://user-images.githubusercontent.com/10314059/83318032-d6715600-a1f6-11ea-8dc6-dc7a7f3c0bcc.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Preflight Checklist</h3>

<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have read the <a href="https://github.com/electron/electron/blob/master/CONTRIBUTING.md">Contributing Guidelines</a> for this project.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I agree to follow the <a href="https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a> that this project adheres to.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the issue tracker for an issue that matches the one I want to file, without success.</li>
</ul>
<h3 dir="auto">Issue Details</h3>
<ul dir="auto">
<li><strong>Electron Version:</strong>
<ul dir="auto">
<li>9.0.0</li>
</ul>
</li>
<li><strong>Operating System:</strong>
<ul dir="auto">
<li>macOS 10.15.4</li>
</ul>
</li>
<li><strong>Last Known Working Electron version:</strong>
<ul dir="auto">
<li>8.3.0</li>
</ul>
</li>
</ul>
<h3 dir="auto">Expected Behavior</h3>
<p dir="auto">checkboxes should use the accent color that is set in System Preferences &gt; General</p>
<h3 dir="auto">Actual Behavior</h3>
<p dir="auto">checkboxes remain blue</p>
<h3 dir="auto">To Reproduce</h3>

<p dir="auto">using electron fiddle:<br>
<a href="https://gist.github.com/e27800f409182981352b68a90690c4a6">https://gist.github.com/e27800f409182981352b68a90690c4a6</a></p>



<h3 dir="auto">Screenshots</h3>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1267580/82912561-8a5fb080-9f6d-11ea-9612-26bedf702a3c.png"><img width="759" alt="checkbox-accent-color" src="https://user-images.githubusercontent.com/1267580/82912561-8a5fb080-9f6d-11ea-9612-26bedf702a3c.png" style="max-width: 100%;"></a></p>
### Additional Information