共通準備
- 拡張機能
Visual Studio Color Theme Designer 2022をインストール
テーマ MyThemeBlueSonOfObsidian 側準備
- Visual Studio でテンプレート
VSTheme Projectで新規プロジェクトMyThemeBlueSonOfObsidian作成 -
CustomTheme.vsthemeでBlueテーマを選択、保存して閉じる
借用テーマ OneDarkPro 側の準備
-
OneDarkProをVSTheme Projectで作成 -
CustomTheme.vsthemeでOneDarkProテーマを選択、保存して閉じる
MyThemeBlueSonOfObsidian に OneDarkPro の Syntax HighLight を移植
- VSCodeでそれぞれのプロジェクトフォルダにある
CustomTheme.vsthemeを開く - それぞれ、Ctr-k,0 で折りたたんで だけを表示して見やすくする
-
OneDarkPro側から下記 Syntax HighLight 部分をそれぞれコピーしてMyThemeBlueSonOfObsidian同じ項目にペーストする - VSCodeで保存
Syntax HighLight 部分
<Category Name="Cpp Text Editor MEF Items" ...>...</Category><Category Name="Text Editor Language Service Items" ...>...</Category><Category Name="Text Editor Text Manager Items" ...>...</Category><Category Name="Text Editor Text Marker Items" ...>...</Category>
ここまでで外側青ベースでエディタ側OnDarkProのテーマが完成
色カスタマイズ
VSCode で変更した色の対応を作成
VSCode ライブラリ Color HighLight をインストールする
色変換.txt
Son Of Obsibian One Dark Pro
背景色 #282c34 #282c34
public #87B65B #c678dd 済
new #93c763 #c678dd 済
class #1fb0e0 #e5c07b 済
T型 #1a7ca7 #e5c07b 済
interface #17c8c8 #e5c07b 済
Delegate #e0bb2e #e5c07b 済
enum #17C85E #e5c07b 済
module #DE8D2E #e5c07b 済
変数 #c0c0c0 #e06c75 済 パラメーターはしてない様子を見る
method name #D7CE6D #61afef 済
------
メンバー
プロパティ、フィールド
#CBCBCB
イベント #e0bb2e
前期以外 #ABB2BF
------
未使用変数 #888a8a #e06c75
演算子 #e6e6e6 #56b6c2 済
演算子オーバーロード
#DAAAD5
カッコ #969696 #bbbbbb 済
コメント #6e6e6e #7f848e 済
拡張メソッド #eabfbf #61afef 済
数字 #ffcd22 #d19a66 済
文字列 #fd971f #98c379 済
@文字列 #d39f01 #98c379 ？
注意波線 #008000 #008000
URL #85d8f9 #61afef 済
MyThemeBlueSonOfObsidian 色修正
- Visual Studio で MyThemeBlueSonOfObsidian 開き
CustomTheme.vsthemeのAll elements選択 - Group by: Color にして 変更したい
OneDarkProのカラーコードを入れる -
Text Editor Language Servise Itemsの中から対象を変更したい色コードに変える - 繰り返し
※対象は推測およびTry and Error
配置
- Release ビルド する
-
Applyボタンを押してテーマ適用 - 設定のエキスポートで
フォント及び色を保存