VitePressでShikiのテーマを変更する

ボリュームのあるドキュメントやリファレンスを組むのに最適なVitePress

コードのシンタックスハイライトにはShiki 式が使われているため最善のようだが、たぶんデフォルトテーマがGithub-darkとLight
書いているうちに、かなり辛抱効かなくなり、設定変更を調べたが端的ずばりの記述がなかった。

サイト設定:テーマ関連:カスタマイズ

export default {
  markdown: {...}
}

とあって、利用可能な型定義へのリンクもあるんだけども。
結論から。

設定ファイル:config.mtsに、

export default defineConfig({
  title:.....,
  description:......,

})

や、長々とthemeConfig: { }がある、defineConfigのどこに書いても問題ないのだが、以下のように加筆すればすぐ反映された。

export default defineConfig({
  title: "......",
  description: "......",
  markdown: {
    theme: {
      light: 'solarized-light',
      dark: 'kanagawa-wave'
    }
  },

関連記事

関連記事が見つかりませんでした。