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