Visual Studio Codeのテーマカラーを変更しています。
このツールバーの正式名称はなんでしょうか?
こちらのドキュメント内にプロパティが定義されていますか?
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加するVisual Studio Codeのテーマカラーを変更しています。
このツールバーの正式名称はなんでしょうか?
こちらのドキュメント内にプロパティが定義されていますか?
このツールバーの正式名称はなんでしょうか?
公式ドキュメントの User Interface などのページでは名称に関して言及されていませんが、開発者ツールを用いて当該箇所の HTML を読むと、 aria-label
属性に Editor actions と書かれています。
こちらのドキュメント内にプロパティが定義されていますか?
少し読んでみましたが、見当たりませんでした。そのため、ここでは Custom CSS and JS Loader を使用した装飾の変更方法を紹介します。
まず、開発者ツールで装飾を変更したい要素の選択子を決定します。そして、それに対して Custom CSS and JS Loader によって装飾を適用します。たとえば、 Split Editor Right のアイコンを変更し、アイコンの色を赤色にしたい場合には、以下のように CSS を記述します。この結果として、以下の画像のような動作が得られます。
.codicon-split-horizontal::before {
color: #ff0000;
content: "\eb78";
}
ここで、 editor actions のアイコンや背景色は祖先要素から継承された値や初期値 (透明色) を使用しているため、 editorGroupHeader.tabsBackground
のような一部のオプションであれば editor actions に対しても有効である可能性はあります。しかし、それらは editor actions のみに対して適用される装飾ではないため制御しづらく、複雑な装飾には不向きだと思います。