Ubuntu – Google Chrome – Rendering Yellow Fonts with Green Border on HDMI Screen

18.04fontsgoogle-chromehdmimultiple-monitors

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

enter image description here

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.
enter image description here

Image Preview Rendering

enter image description here

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

dialogue screenshot

Then restart Chrome for the updated setting to take effect.

Related Question