hario@harionote:~/blog$ glow articles/wave-terminal-theme-kanagawa.md

File: articles/wave-terminal-theme-kanagawa.md2.2Kmarkdown

---
date: tags: [#it-lifehack]
---

Wave Terminal でテーマファイル作ってKanagawaテーマの色合いにする備忘録

Wave TerminalというターミナルがWindowsでも使えていい感じっぽかったので、テーマカラーをKanagawaにするためにテーマファイルを作成して設定します。

ターミナルで

wsh editconfig

を実行すると設定ファイルのjson(settings.json)が開くことを確認。
(とりあえず確認するだけ)

wsh wavepath config 

でその設定ファイルのパスを確認できます。

wsh wavepath config -o

で設定ファイルがあるディレクトリが開けます。
そのsettings.jsonと同じディレクトリにtermthemes.jsonを作成。
中に

json
{
  "kanagawa-wave": {
    "display:name": "Kanagawa Wave",
    "display:order": 999,

    "black": "#090618",
    "red": "#c34043",
    "green": "#76946a",
    "yellow": "#c0a36e",
    "blue": "#7e9cd8",
    "magenta": "#957fb8",
    "cyan": "#6a9589",
    "white": "#c8c093",

    "brightBlack": "#727169",
    "brightRed": "#e82424",
    "brightGreen": "#98bb6c",
    "brightYellow": "#e6c384",
    "brightBlue": "#7fb4ca",
    "brightMagenta": "#938aa9",
    "brightCyan": "#7aa89f",
    "brightWhite": "#dcd7ba",

    "gray": "#727169",
    "cmdtext": "#dcd7ba",
    "foreground": "#dcd7ba",
    "selectionBackground": "#2d4f67",
    "background": "#1f1f28",
    "cursor": "#cbd9d8"
  }
}

と記載して保存。

次にsettings.jsonと同じディレクトリにpresets/ディレクトリを(無ければ)作成し、中にbg.jsonを作成します。
中は

json
{
  "bg@kanagawa": {
    "display:name": "Kanagawa Background",
    "display:order": 1000,
    "bg:*": true,
    "bg": "#1f1f28",
    "bg:opacity": 1,
    "bg:bordercolor": "rgba(114, 113, 105, 0.6)",
    "bg:activebordercolor": "#7e9cd8"
  }
}

とします。

保存したら次にwsh editconfigなどでsettings.jsonを開きjsonに

  "term:theme": "kanagawa-wave",
  "tab:preset": "bg@kanagawa"

を追加して保存します。

あとは新しくウィンドウを開くなどすれば反映されると思います。
(古いウインドウは反映されないかもなので閉じちゃってください)

以上です。

share:

sponsored

whoami

Hario

最近はReactとかNext.jsとかをよくさわってるただのエンジニアです。開発関連の記事が多めですが、ガジェットも好きだったりします。たまにそれらとは全然関係ない記事も書いたりもします。

hario@harionote:~/blog$