カラーミーのテンプレートをdreamweaverで編集できるようにしたい。※vscodeでも可

解決したいこと

カラーミーのテンプレートをdreamweaverで編集できるようにしたい。
※vscodeでも可

そう思った理由

カラーミーのテンプレートはsmartyをベースにしています。
makeshopもカラーミーもGMOなのでどっちもsmartyでした。

カラーミーのサイトにあるエディターが見づらく、サイト上で確認する作業が面倒。
dreamweaverでhtmlとsmartyのタグの境目が色で塗り分けされていないので、
境目がわかりにくい。またローカル上で、独自タグを参照できたら便利。

ここまでできた

xamppにsmartyを導入する。
githubにあるmakeshop-smarty-masterを導入する。
https://github.com/do-mu-oi/makeshop-smarty

中にあるmakeshop.phpの参照しているファイルを正しく設定。
data1.jsonに手入力で独自タグを入れローカル上で、独自タグを参照することができた。

残りはソフト側の設定のみ。。

何ができないか

dreamweaver上でtop.tpl(トップページのテンプレート）
<{$shop.name}>の色分けができない。同じ色になるのでぱっと見、わかりにくい。

試みたこと

昔のdreamweaverでは、プラグインを入れて行けたぽいけどリンク切れ
https://kemworld.hatenadiary.org/entry/20080514/1210768303

コードテーマをいじれば行けると思ったけど<{.*}>に対応させる方法がわからない。
https://wemo.tech/93

環境設定→コードフォーマット→タグライブラリ→smartyタグを作成みるが

<{　の区切り文字は入れられない。　

※見た目の問題なので、vscodeでできるならそちらでもOKです。
「こうやってテンプレートをカスタマイズしてます！」という意見でもOKです。

環境

windows　10 HOME
dreamweaver 2021 ver21.2