Dreamweaver CC のコードカラーリングで、改行マーク（¶、段落記号、パラグラフ）の色を変える方法

Dreamweaver CC のコードカラーリングはテーマファイルmain.lessで変更できますが、デフォルトテーマには「非表示の文字」に関する記述がなく変更できません。

ググってみると半角スペースとタブはありましたが、改行マークがわからなかったので自分で調べたのでメモメモ。

下のコードを追記する事で変更できるようになります。

改行マーク（¶、段落記号、パラグラフ）

.CodeMirror-code > div > pre > span::after {
    color: #333;
    content: '¶';
}   

半角スペース（·）

.cm-whitespace::before {
    color: #333;
    content: '·';
}

タブ（»）

.cm-tab::before {
    color: #333;
    content: '»';
}


すべて薄いグレー（#333）で元のアイコンの場合です。
また、
content: '';
とする事で個別に消す事もできます。

元になるCSS

元のコードに興味があれば下記ファイルを読んでください。
C:\Program Files\Adobe\Adobe Dreamweaver CC 2019\www\extensions\default\BracketsDWExtension\styles\
の中の
hiddenchars.css
override.css
にあります。

参考にした記事

Twitterのkeitaros様の書き込み
参考になりました、ありがとうございました。