Hoppa till innehåll

Teman

shikiphp innehåller den fullständiga Shiki-temauppsättningen: alla 65 VS Code-teman från tm-themes 1.12.2, uppsättningen som Shiki 3.23.0 levererar. 44 är mörka och 21 är ljusa. Populära id:n är bland annat github-dark, github-light, nord, dracula, vitesse-dark, vitesse-light, one-dark-pro, monokai, solarized-dark samt familjerna catppuccin-* och material-theme-*.

Använd ett tema med alternativet theme, eller två (eller fler) med themes för utdata med variabler för ljus och mörk CSS. Se Kom igång.

PHP
use Shikiphp\Shikiphp;

echo Shikiphp::codeToHtml('const answer = 42', [
    'lang'   => 'js',
    'themes' => ['light' => 'github-light', 'dark' => 'github-dark'],
]);

Ett tema-id som paketet inte känner till utlöser Shikiphp\Exceptions\Highlight med meddelandet Unknown theme "…".

Vad ett tema styr

Ett tema anger blockets förgrunds- och bakgrundsfärg (skrivs på <pre>) samt varje tokens färg och teckensnittsstil (kursiv, fet, understruken, genomstruken), beräknade utifrån specificiteten hos scope-selektorer. För lang: 'ansi' blir dess terminal.ansi*-färger ANSI-paletten (se ANSI). Om du vill justera enskilda färger utan att redigera ett tema använder du colorReplacements.

Lista över medföljande teman

Från PHP:

PHP
use Shikiphp\Shikiphp;

$highlighter = Shikiphp::highlighter();

$highlighter->bundledThemes(); // list<string> — ids shipped in the box
$highlighter->loadedThemes();  // list<string> — bundled plus any you registered

Eller från kommandoraden, ett id per rad i alfabetisk ordning:

Shell
vendor/bin/shikiphp themes

Katalog

Typen är den light- eller dark-typ som paketet registrerar för varje tema, användbar när du väljer ett par för alternativet themes.

Tema Id Typ
Andromeeda andromeeda mörkt
Aurora X aurora-x mörkt
Ayu Dark ayu-dark mörkt
Ayu Light ayu-light ljust
Ayu Mirage ayu-mirage mörkt
Catppuccin Frappé catppuccin-frappe mörkt
Catppuccin Latte catppuccin-latte ljust
Catppuccin Macchiato catppuccin-macchiato mörkt
Catppuccin Mocha catppuccin-mocha mörkt
Dark Plus dark-plus mörkt
Dracula Theme dracula mörkt
Dracula Theme Soft dracula-soft mörkt
Everforest Dark everforest-dark mörkt
Everforest Light everforest-light ljust
GitHub Dark github-dark mörkt
GitHub Dark Default github-dark-default mörkt
GitHub Dark Dimmed github-dark-dimmed mörkt
GitHub Dark High Contrast github-dark-high-contrast mörkt
GitHub Light github-light ljust
GitHub Light Default github-light-default ljust
GitHub Light High Contrast github-light-high-contrast ljust
Gruvbox Dark Hard gruvbox-dark-hard mörkt
Gruvbox Dark Medium gruvbox-dark-medium mörkt
Gruvbox Dark Soft gruvbox-dark-soft mörkt
Gruvbox Light Hard gruvbox-light-hard ljust
Gruvbox Light Medium gruvbox-light-medium ljust
Gruvbox Light Soft gruvbox-light-soft ljust
Horizon horizon mörkt
Horizon Bright horizon-bright ljust
Houston houston mörkt
Kanagawa Dragon kanagawa-dragon mörkt
Kanagawa Lotus kanagawa-lotus ljust
Kanagawa Wave kanagawa-wave mörkt
LaserWave laserwave mörkt
Light Plus light-plus ljust
Material Theme material-theme mörkt
Material Theme Darker material-theme-darker mörkt
Material Theme Lighter material-theme-lighter ljust
Material Theme Ocean material-theme-ocean mörkt
Material Theme Palenight material-theme-palenight mörkt
Min Dark min-dark mörkt
Min Light min-light ljust
Monokai monokai mörkt
Night Owl night-owl mörkt
Night Owl Light night-owl-light ljust
Nord nord mörkt
One Dark Pro one-dark-pro mörkt
One Light one-light ljust
Plastic plastic mörkt
Poimandres poimandres mörkt
Red red mörkt
Rosé Pine rose-pine mörkt
Rosé Pine Dawn rose-pine-dawn ljust
Rosé Pine Moon rose-pine-moon mörkt
Slack Dark slack-dark mörkt
Slack Ochin slack-ochin ljust
Snazzy Light snazzy-light ljust
Solarized Dark solarized-dark mörkt
Solarized Light solarized-light ljust
Synthwave '84 synthwave-84 mörkt
Tokyo Night tokyo-night mörkt
Vesper vesper mörkt
Vitesse Black vitesse-black mörkt
Vitesse Dark vitesse-dark mörkt
Vitesse Light vitesse-light ljust

Lägg till egna

Registrera ett anpassat VS Code-tema JSON med loadTheme. Se Anpassade språk och teman.