Themes
Bundled Themes
Themes listed below are re-distributed via tm-themes into the shiki package.
| Name | ID | Preview |
|---|---|---|
| Andromeeda | andromeeda | |
| Aurora X | aurora-x | |
| Ayu Dark | ayu-dark | |
| Catppuccin Frappé | catppuccin-frappe | |
| Catppuccin Latte | catppuccin-latte | |
| Catppuccin Macchiato | catppuccin-macchiato | |
| Catppuccin Mocha | catppuccin-mocha | |
| Dark Plus | dark-plus | |
| Dracula | dracula | |
| Dracula Soft | dracula-soft | |
| GitHub Dark | github-dark | |
| GitHub Dark Default | github-dark-default | |
| GitHub Dark Dimmed | github-dark-dimmed | |
| GitHub Light | github-light | |
| GitHub Light Default | github-light-default | |
| Houston | houston | |
| Light Plus | light-plus | |
| Material Theme | material-theme | |
| Material Theme Darker | material-theme-darker | |
| Material Theme Lighter | material-theme-lighter | |
| Material Theme Ocean | material-theme-ocean | |
| Material Theme Palenight | material-theme-palenight | |
| Min Dark | min-dark | |
| Min Light | min-light | |
| Monokai | monokai | |
| Night Owl | night-owl | |
| Nord | nord | |
| One Dark Pro | one-dark-pro | |
| One Light | one-light | |
| Poimandres | poimandres | |
| Red | red | |
| Rosé Pine | rose-pine | |
| Rosé Pine Dawn | rose-pine-dawn | |
| Rosé Pine Moon | rose-pine-moon | |
| Slack Dark | slack-dark | |
| Slack Ochin | slack-ochin | |
| Snazzy Light | snazzy-light | |
| Solarized Dark | solarized-dark | |
| Solarized Light | solarized-light | |
| Synthwave '84 | synthwave-84 | |
| Tokyo Night | tokyo-night | |
| Vesper | vesper | |
| Vitesse Black | vitesse-black | |
| Vitesse Dark | vitesse-dark | |
| Vitesse Light | vitesse-light |
Themes are covered by their repositories’ respective licenses, which are permissive (apache-2.0, mit, etc), and made available in this NOTICE.
For loading your custom themes, please reference to this guide.
Special Themes
You can set theme to none to bypass highlighting. This is useful as the fallback when you receive user specified theme names that are not available. For example:
ts
import { codeToHtml } from 'shiki'
const html = codeToHtml('console.log("Hello World")', {
lang: 'javascript',
theme: 'none',
})