Is there a way to change the background-color of specific keywords in vscode

Question

for example I'm doing some laravel at the moment and after some time it becomes harder to navigate the code could i do something like this:

normal code:

@error('body')
   <span class="text-xs text-red-500">{{ $message }}</span>
@enderror

and i would like to make it appear like this:

<p><span style="background-color: red">@error("body")</span></p>
<p>&lt;span class="text-xs text-red-500">{{ $message }}&lt;/span &gt; </p>
<p><span style="background-color: red">@enderror</span></p>

I just did the styling in html and css to demonstrate it

so that i see it on the first glance that this is for error messages etc...