shiki-themes

Themes for shiki

Usage no npm install needed!

<script type="module">
  import shikiThemes from 'https://cdn.skypack.dev/shiki-themes';
</script>

README

shiki-themes

Collections

Good ones

Literal Values

export type Theme =
  | 'dark-plus'
  | 'github-dark'
  | 'github-light'
  | 'light-plus'
  | 'material-theme-darker'
  | 'material-theme-default'
  | 'material-theme-lighter'
  | 'material-theme-ocean'
  | 'material-theme-palenight'
  | 'min-dark'
  | 'min-light'
  | 'monokai'
  | 'nord'
  | 'slack-theme-dark-mode'
  | 'slack-theme-ochin'
  | 'solarized-dark'
  | 'solarized-light'

You can preview some of these themes on https://vscodethemes.com/.

Yours

const shiki = require('shiki')

const t = shiki.loadTheme('./my-theme.json')

shiki.getHighlighter({
  theme: t
})

Add

First, please open an issue to discuss including a new theme.

Here are the places you need to change: