Description
- Electron version: 1.7.8
- Operating system: Mac 10.12.6
Expected behavior
Colors set in CSS should render the same in Electron as they do in Chrome.
Actual behavior
Colors look different. See image:
How to reproduce
Set the background-color of an element of an Electron app to rgb( 126, 183, 253 ). Compare the color rendered by Electron to the same color as rendered in Chrome.
In your Electron app do not set vibrancy, and do not set background color via the BrowserWindow API.
Notice as well that if you take a screenshot and draw a rectangle of the same RGB in a drawing program it will match Chrome's color, not Electron.
Consequences
Please note this is not a trivial issue for those of us using Electron to create apps intended for design. Something that looks "right" to the user in an electron-based design app can look subtly different and "wrong" when they export their design and open it in a regular browser.
Thanks :)