Can variable or directives be the same color as WebStorm ?

[izosa]

Click to see screenshot example

[imekachi]

@izosa please send me a sample code, I'll take a look.

[izosa]

<p-card>
    <p-table styleClass="p-datatable-gridlines p-datatable-striped" [columns]="table.columns"
        [value]="list" [paginator]="true" [showCurrentPageReport]="true" [rows]="list.length"
        currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
        [rowsPerPageOptions]="[10,25,50]" (onLazyLoad)="tableLoad($event)" [lazy]="true">

        <ng-template pTemplate="caption">
            Ticket Table
        </ng-template>

        <ng-template pTemplate="header" let-columns>
            <tr>
                <th pSortableColumn="{{column.field}}" *ngFor="let column of table.columns">
                    {{column.header}} <p-sortIcon field="{{column.field}}"></p-sortIcon>
                </th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-item let-columns="table.columns">
            <tr>
                <td *ngFor="let column of table.columns">{{item[column.field]}}</td>
            </tr>
        </ng-template>
    </p-table>

    <ng-template pTemplate="footer">
        <p-button label="Load" icon="pi pi-check" (click)="tableLoad()"></p-button>
    </ng-template>
</p-card>

[imekachi]

@izosa I've just released v1.5.1 please update and try it.

This is as close as possible to WebStorm. As you can see that column and $event are not purple. In WebStorm, it so smart that it can differentiate local/global variable and highlight global variables as purple italic text. But in VSCode it doesn't provide that level of granularity for syntax highlighting.

Thank you for using the theme. If you have other suggestions or having other issues, feel free to leave a comment.