Ugrás a tartalomhoz

Témák

Az shikiphp tartalmazza a teljes Shiki témakészletet: mind a 65 VS Code témát az tm-themes 1.12.2 kínálatából, amelyet az Shiki 3.23.0 szállít. 44 sötét, 21 világos. Népszerű azonosítók: github-dark, github-light, nord, dracula, vitesse-dark, vitesse-light, one-dark-pro, monokai, solarized-dark, valamint az catppuccin-* és material-theme-* család.

Egyetlen témához használja a theme beállítást, kettőhöz (vagy többhöz) pedig a themes beállítást a világos/sötét CSS-változók kimenetéhez. Lásd: Kezdő lépések.

PHP
use Shikiphp\Shikiphp;

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

Ha a csomag nem ismer egy témaazonosítót, Shikiphp\Exceptions\Highlight hibát dob a következő üzenettel: Unknown theme "…".

Mit szabályoz egy téma

A téma határozza meg a blokk előtér- és háttérszínét (a <pre> elemre írva), valamint az egyes tokenek színét és betűstílusát (dőlt, félkövér, aláhúzott, áthúzott), a hatókörválasztók specificitása alapján. A lang: 'ansi' esetében a terminal.ansi* színei alkotják az ANSI-palettát (lásd: ANSI). Ha egyéni színeket szeretne beállítani a téma szerkesztése nélkül, használja a colorReplacements lehetőséget.

A csomagban található témák listázása

Innen: 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

Vagy a parancssorból, ábécérendben, soronként egy azonosítóval:

Shell
vendor/bin/shikiphp themes

Katalógus

A típus az light vagy dark típus, amelyet a csomag az egyes témákhoz rögzít; ez hasznos, amikor az themes beállításhoz választ párt.

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

Saját hozzáadása

Regisztráljon egy egyéni VS Code témát az JSON segítségével, a loadTheme használatával. Lásd: Egyéni nyelvek és témák.