Add color coding the yaml preview and change font-size to improve the readability

Problem

Add color coding for preview to help reading the code

Before	After
	Use the customized code style from user and use the font-size level-6: