Theme Modules

Bundled themes are isolated objects. Importing one theme does not include another or generate CSS.

Export	Module	Type
`auroraXTheme`	`@tanstack/highlight/themes/aurora-x`	Dark
`draculaTheme`	`@tanstack/highlight/themes/dracula`	Dark
`githubDarkTheme`	`@tanstack/highlight/themes/github-dark`	Dark
`githubLightTheme`	`@tanstack/highlight/themes/github-light`	Light
`gruvboxDarkTheme`	`@tanstack/highlight/themes/gruvbox-dark`	Dark
`gruvboxLightTheme`	`@tanstack/highlight/themes/gruvbox-light`	Light
`monokaiTheme`	`@tanstack/highlight/themes/monokai`	Dark
`nordTheme`	`@tanstack/highlight/themes/nord`	Dark
`oneDarkProTheme`	`@tanstack/highlight/themes/one-dark-pro`	Dark
`solarizedDarkTheme`	`@tanstack/highlight/themes/solarized-dark`	Dark
`solarizedLightTheme`	`@tanstack/highlight/themes/solarized-light`	Light

Each module provides both its named export and the same object as its default export.

import { createThemeCss } from '@tanstack/highlight/theme'
import { githubDarkTheme } from '@tanstack/highlight/themes/github-dark'
import { githubLightTheme } from '@tanstack/highlight/themes/github-light'

const css = createThemeCss({
  light: githubLightTheme,
  dark: githubDarkTheme,
})

The objects satisfy HighlightTheme. See the theme guide for custom selectors, CSS output, and authoring a theme.