@mgtd/shiki-themes

Themes for shiki

Usage no npm install needed!

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

README

shiki-themes

Collections

Good ones

Literal Values

export type TVSCode =
  | 'abyss'
  | 'dark_plus'
  | 'dark_vs'
  | 'hc_black'
  | 'kimbie_dark'
  | 'light_plus'
  | 'light_vs'
  | 'monokai'
  | 'monokai_dimmed'
  | 'quietlight'
  | 'red'
  | 'solarized_dark'
  | 'solarized_light'

export type TMaterial =
  | 'Material-Theme-Darker-High-Contrast'
  | 'Material-Theme-Darker'
  | 'Material-Theme-Default-High-Contrast'
  | 'Material-Theme-Default'
  | 'Material-Theme-Lighter-High-Contrast'
  | 'Material-Theme-Lighter'
  | 'Material-Theme-Ocean-High-Contrast'
  | 'Material-Theme-Ocean'
  | 'Material-Theme-Palenight-High-Contrast'
  | 'Material-Theme-Palenight'

export type TNice =
  | 'nord'
  | 'min-light'
  | 'min-dark'
  | 'white'
  | 'white-night'
  | 'zeit'

export type TTheme = TVSCode | TMaterial | TNice

Yours

const shiki  = require('shiki')

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

shiki.getHighlighter({
  theme: t
})