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 Theme | dracula | |
| Dracula Theme Soft | dracula-soft | |
| Everforest Dark | everforest-dark | |
| Everforest Light | everforest-light | |
| GitHub Dark | github-dark | |
| GitHub Dark Default | github-dark-default | |
| GitHub Dark Dimmed | github-dark-dimmed | |
| GitHub Dark High Contrast | github-dark-high-contrast | |
| GitHub Light | github-light | |
| GitHub Light Default | github-light-default | |
| GitHub Light High Contrast | github-light-high-contrast | |
| Gruvbox Dark Hard | gruvbox-dark-hard | |
| Gruvbox Dark Medium | gruvbox-dark-medium | |
| Gruvbox Dark Soft | gruvbox-dark-soft | |
| Gruvbox Light Hard | gruvbox-light-hard | |
| Gruvbox Light Medium | gruvbox-light-medium | |
| Gruvbox Light Soft | gruvbox-light-soft | |
| Houston | houston | |
| Kanagawa Dragon | kanagawa-dragon | |
| Kanagawa Lotus | kanagawa-lotus | |
| Kanagawa Wave | kanagawa-wave | |
| LaserWave | laserwave | |
| 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 | |
| Plastic | plastic | |
| 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', // [!code hl]
})