const CSS_VARIABLES_THEME = "css-variables"Name callers pass as highlightTheme to render syntax colors as CSS custom prope…Name callers pass as highlightTheme to render syntax colors as CSS custom properties instead of baked-in hex values.
export const CSS_VARIABLES_THEME = "css-variables"cssVariablesTheme(): ThemeRegistrationShiki theme whose every color is a --octc-shiki-* custom property. This is what…Shiki theme whose every color is a --octc-shiki-* custom property.
This is what lets syntax highlighting track the active color scheme in both light and dark from a single build: the HTML is generated once, and the properties resolve per mode. A fixed theme like github-dark cannot do that, and lands dark token colors on a light code block.
export function cssVariablesTheme(): ThemeRegistrationThemeRegistration
resolveHighlightTheme(theme: string | ThemeRegistration): string | ThemeRegistrationResolves the css-variables alias; any other value passes through.Resolves the css-variables alias; any other value passes through.
export function resolveHighlightTheme(theme: string | ThemeRegistration): string | ThemeRegistrationtheme
string | ThemeRegistration
string | ThemeRegistration
const VARIABLE_DEFAULTS: Record<string, string>Fallbacks baked into each var() so a site with no color scheme installed still…Fallbacks baked into each var() so a site with no color scheme installed still renders GitHub Dark colors — the previous default — rather than unstyled text. A @ox-content/theme-color-* package overrides them by defining the same properties per mode.
const VARIABLE_DEFAULTS: Record<string, string>const VARIABLE_PREFIX = "--octc-shiki-"Prefix for the emitted properties, matching the rest of the design tokens.Prefix for the emitted properties, matching the rest of the design tokens.
const VARIABLE_PREFIX = "--octc-shiki-"