when I blow up your screenshots BIG in preview, the text on the external display looks fine. The background is showing Moiré patterns that suggest that perhaps the resolution is not set to the natural resolution of the display.
another possibility is that you are using a TV set cable for a display.
HDMI cables you want for HDMI-only Displays (higher resolutions than 720p TV sets) are marked as Certified with an anti-counterfeiting tag and are labeled:
"Premium High Speed HDMI cable" or that + "with Ethernet" --OR--
"Ultra High Speed HDMI cable" or that + "48G"
Cables with No Certification tags are good for your standard 720p TV set, and not much more.
HDMI was invented for HD TV sets. it works great at its original resolution of 720i or 720p. At higher resolutions, it quickly develops issues that are complex to solve, and the cables and adapters required to solve are NOT intuitive.