VS コード CSSのコーディングで要素名を斜体で表示したい

VSコードをつかい、HTMLやCSSのコーディングを始めました初心者です。
コードの見た目(表示)についてなのですが、CSSに記述した場合に、box-sizing や color , text-decorationなどの要素名を斜体で見たい場合の設定方法はあるのでしょうか。それともwindowsやMACにより違うのでしょうか。
当方、windowsを使用しております。

↓現在の表示。

↓このように要素名を斜体表示にしたいと思っています。
こちらはProgateに表示されるエディターですが、Youtube等でもVSコードを使い度々斜体での表示を拝見します。

よろしくお願いします。

m.ts10806

2021/06/26 07:57

「したい」のはどこから拾ってきたものなのでしょうか。

maueda

2021/06/26 08:02

Progateに表示されるエディターです。

行動規範の内容に同意します

回答1件

ベストアンサー

1.このページを参考にオリジナルのテーマを作成
https://creators.members.co.jp/2021/02/knowledge_007/

2.theme.jsonを編集して斜線にしたい部分に"fontStyle": "italic"を適用

(例)
要素名を斜体にするなら

json
1"scope": "entity.name.tag.css",
2"settings": {
3"foreground": "#D7BA7D",
4"fontStyle": "italic"
5}

追記：box-sizing や color , text-decorationなどは要素名ではなく、プロパティ名と呼びます。

(例)
プロパティ名を斜体にするなら

json
1"scope": [
2"support.type.vendored.property-name",
3"support.type.property-name",
4"variable.css",
5"variable.scss",
6"variable.other.less",
7"source.coffee.embedded"
8],
9"settings": {
10"foreground": "#87bae4",
11"fontStyle": "italic"
12}