Motywy

shikiphp zawiera pełny zestaw motywów Shiki: wszystkie 65 motywów VS Code z tm-themes 1.12.2, zestawu dostarczanego przez Shiki 3.23.0. 44 są ciemne, a 21 jasnych. Popularne identyfikatory to github-dark, github-light, nord, dracula, vitesse-dark, vitesse-light, one-dark-pro, monokai, solarized-dark, a także rodziny catppuccin-* i material-theme-*.

Użyj jednego motywu za pomocą opcji theme albo dwóch (lub więcej) za pomocą themes, aby generować wyjście ze zmiennymi CSS dla jasnego i ciemnego motywu. Zobacz Pierwsze kroki.

use Shikiphp\Shikiphp;

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

Nieznany pakietowi identyfikator motywu powoduje zgłoszenie Shikiphp\Exceptions\Highlight z komunikatem Unknown theme "…".

Co określa motyw

Motyw określa kolor tekstu i tło bloku (ustawiane na elemencie <pre>), a także kolor i styl czcionki (kursywę, pogrubienie, podkreślenie, przekreślenie) każdego tokenu, ustalane na podstawie specyficzności selektora zakresu. Dla lang: 'ansi' jego kolory terminal.ansi* stają się paletą ANSI (zobacz ANSI). Aby zmienić poszczególne kolory bez edytowania motywu, użyj colorReplacements.

Wyświetlanie dołączonych motywów

W 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

Albo użyj wiersza poleceń — po jednym identyfikatorze w wierszu, w kolejności alfabetycznej:

vendor/bin/shikiphp themes

Katalog

Typ to light albo dark zapisany przez pakiet dla każdego motywu; pomaga przy wyborze pary dla opcji themes.

Dodawanie własnych

Zarejestruj własny motyw VS Code za pomocą JSON, korzystając z loadTheme. Zobacz Własne języki i motywy.