The syntax highlighter used by Code Hike.
import { highlight } from "@code-hike/lighter"; const { lines, style } = await highlight( /* code */ "print('hello')", /* lang */ "py", /* theme */ "github-dark" ); // base foreground and background const { color, background } = style; console.log(lines);
Output:
[
[
{ "style": { "color": "#79C0FF" }, "content": "print" },
{ "style": { "color": "#C9D1D9" }, "content": "(" },
{ "style": { "color": "#A5D6FF" }, "content": "'hello'" },
{ "style": { "color": "#C9D1D9" }, "content": ")" }
]
]For dark/light theme support with CSS see #25
For more theme colors (like line number foreground, selection background, etc.):
import { getThemeColors } from "@code-hike/lighter"; const themeColors = await getThemeColors("material-darker");
- Using vscode-oniguruma for highlighting
- Heavily inspired by Shiki and adapted to Code Hike needs.
- Some more inspiration from starry-night
- Grammars and some themes come from Shiki, which pulls them from different sources.