
以下サイトから気に入った CSS テーマ を選ぶ

[https://github.com/PrismJS/prism-themes](https://github.com/PrismJS/prism-themes)

全てが載った一覧

[https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_PRISM.MD](https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_STYLES_PRISM.MD)

`themes` themes という名前でディレクトリを作り、prism.css というファイル名でファイルを作る。

その中に先ほど選んだ css をコピペする。

そして `_app.tsx`の中で読み込むだけで導入が完了する。

```tsx:_app.tsx
// _app.tsx
import "'../themes/prism.css";
```


NextjsでPrism.jsを使ってコードブロックのシンタックスを導入する方法