UI kit reference

code/shiki-theme

import { … } from 'zidane-ui'ui/src/code/shiki-theme.ts

Functions#

The neutral code theme for an appearance: what a theme without a designed counterpart uses.

TypeScript

function defaultShikiTheme(appearance: Appearance): CodeThemeId

Parameters
Name	Type	Description
appearance	`Appearance`	`'dark'` or `'light'`.

CodeThemeId

github-dark-default or github-light-default.

The bundled code theme for a kit theme: its designed counterpart (Catppuccin, Gruvbox…), else the neutral theme of its appearance.

TypeScript

function shikiThemeFor(themeId: string, appearance: Appearance): CodeThemeId

Parameters
Name	Type	Description
themeId	`string`	The kit theme's id (`BUILTIN_THEMES` key or an extension theme's id).
appearance	`Appearance`	The theme's appearance, for the fallback.

CodeThemeId

A code theme id.