Highlighting code
By default, the extension highlights the code in a box with a red border. You can customize how you want to highlight the code with the highlight settings.

When the current demo included a highlight action, there will be a highlight button available in the editor title bar on the right. You can use this to toggle the highlight on and off.

Customizing the highlight
Here is an example where the highlight border and background color are customized. Besides these color changes, the text which is not highlighted is blurred and its opacity is reduced to have a better focus on the highlighted code.
{ "demoTime.highlightBorderColor": "transparent", "demoTime.highlightBackground": "rgba(19, 142, 151, 0.2)", "demoTime.highlightOpacity": 0.5, "demoTime.highlightBlur": 2,}

Whole line highlighting
When you use the line only positioning or placeholder positioning, the whole lines will be highlighted.

When using this type of highlighting, you are able to use a border to highlight the code.
Code area highlighting
When you use the “line + character” position or setting highlightWholeLine
property to false
when using placeholder positioning, the highlighted code will not include a border.

This kind of highlighting can be used when you only want to highlight a specific part of the code.