Темы кода

Меньше 1 минутыИнтерфейсИнтерфейсТемы кода

vuepress-theme-hope позволяет вам глобально устанавливать темы блока кода для светлого и темного режима.

Совет

Из-за соображений размера вывода мы не будем импортировать все стили глобально, чтобы поддерживать настройку темы кода для каждого блока кода.

Как настроить

Вы должны настроить следующие переменные в .vuepress/styles/config.scss, чтобы установить темы кода.

  • $code-light-theme: тема кода, используемая в облегченном режиме, по умолчанию "one-light"
  • $code-dark-theme: тема кода, используемая в темном режиме, по умолчанию "one-dark"

Доступные темы

Светлые темы

  • ateliersulphurpool-light
  • coldark-cold
  • coy
  • duotone-light
  • ghcolors
  • gruvbox-light
  • material-light
  • one-light
  • vs

Темный темы

  • atom-dark
  • cb
  • coldark-dark
  • dark
  • dracula
  • duotone-dark
  • duotone-earth
  • duotone-forest
  • duotone-sea
  • duotone-space
  • gruvbox-dark
  • holi
  • hopscotch
  • lucario
  • material-dark
  • material-oceanic
  • night-owl
  • nord
  • one-dark
  • pojoaque
  • shades-of-purple
  • solarized-dark-atom
  • tomorrow
  • vsc-dark-plus
  • xonokai
  • z-touch