Freshでダークモード切り替え時にシンタックスハイライトも更新したい
作成日
更新日
Freshでダークモードを切り替え時にPrism.jsも更新するはダメでした。
shikiを使う。
うーーーん、コードブロックは常に黒でダークモード/ライトモード対応させない方が現実的なのでやめた。 これもむずい。。。あとまわしにする
Next.jsでPrism.jsを使ったシンタックスハイライトをダークモードに対応するで簡単にできた。
@import "prismjs/themes/prism-tomorrow.css";
@media (prefers-color-scheme: light) {
@import "prismjs/themes/prism-solarizedlight.css";
}
@media (prefers-color-scheme: dark) {
@import "prismjs/themes/prism-tomorrow.css";
}
:root[data-theme="dark"] {
@import "prismjs/themes/prism-tomorrow.css";
}
:root[data-theme="light"] {
@import "prismjs/themes/prism-solarizedlight.css";
}@import その中に書いてよかったんだ。
公開日
更新日