shiki-themes

shiki-themes

Collections

• vscode
• material

Good ones

• nord
• min

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:

• /scripts/pullThemesFromGitHub.js
• yarn update:themes
• ./src/index.ts
• ./src/types.ts
• Literal Values