System
- Ubuntu 18.04.1 LTS
- Google Chrome 70.0.3538.77 (Official Build) (64-bit)
- Dual monitors, both Samsung S24D300
- Left is a HDMI to DVI
- Right is a VGA cable
Problem
So using Google Chrome, it seems that one the HDMI to DVI monitor, yellow fonts, are rendered with a Green border, as shown below on the left.
Google Chrome Rendering
However when an image is rendered using the image viewer, the yellow is displayed correctly on the monitor, as shown below.
Video of different backgrounds behind the transparent Google png.
Image Preview Rendering
I found this related question, but am unsure why this happens? anti-aliasing? How can I fix this?
Best Answer
Thanks to @Alvin Liang I was able to remove the weird green border, by just turning off colour management for the display.
Settings → Devices → Colour or Device Colour Profiles
Then restart Chrome for the updated setting to take effect.