preview

name	preview
description	Frostpane のテーマを再生成して見た目を確認するときに使う。「テーマをプレビュー」「色を変えたので確認したい」「再生成して」などと言われたら実行する。

Frostpane テーマのプレビュー

色(src/palette.ts / src/theme.ts)を編集したあと、theme JSON を再生成して 見た目を確認するための手順。

手順

1. パレット/マッピングの編集が済んでいることを確認する (色値は src/palette.ts、要素への割り当ては src/theme.ts)。
2. 再生成:

   npm run build:theme
   

   出力ログの「N colors / M token rules」で件数が想定通りか確認する。
3. 型チェック(任意だが割り当てを変えたときは推奨):

   npm run typecheck
   

4. 見た目確認(手動): VS Code でこのフォルダを開き F5 で Extension Development Host を起動 → コマンドパレット → Preferences: Color Theme → Frostpane Dark。 既に起動中なら、再生成後にデベロップメントホスト側で Developer: Reload Window すると新しい色が反映される。

注意

• themes/frostpane-dark.json は生成物。直接編集しない(次回生成で上書きされる)。
• 色を大きく動かすときは src/palette.ts の該当キーだけ触れば、全 UI に一括で反映される。