Siirry sisältöön

Teemat

shikiphp sisältää koko Shiki-teemakokoelman: kaikki 65 VS Code-teemaa paketista tm-themes 1.12.2, jonka kokoelma Shiki 3.23.0 toimittaa. 44 on tummia ja 21 vaaleita. Suosittuja tunnuksia ovat github-dark, github-light, nord, dracula, vitesse-dark, vitesse-light, one-dark-pro, monokai, solarized-dark sekä catppuccin-*- ja material-theme-*-perheet.

Käytä yhtä teemaa asetuksella theme tai kahta (tai useampaa) asetuksella themes vaalean ja tumman CSS-muuttujatulosteen luomiseen. Katso Aloittaminen.

PHP
use Shikiphp\Shikiphp;

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

Tunnus, jota paketti ei tunne, aiheuttaa Shikiphp\Exceptions\Highlight-virheen, jonka viesti on Unknown theme "…".

Mitä teema ohjaa

Teema määrittää lohkon etu- ja taustavärin (kirjoitetaan elementtiin <pre>) sekä kunkin tokenin värin ja fonttityylin (kursiivi, lihavointi, alleviivaus, yliviivaus) määritettynä kontekstinvalitsimien tarkkuuden mukaan. Kohteessa lang: 'ansi' sen terminal.ansi*-värit muodostavat ANSI-paletin (katso ANSI). Jos haluat säätää yksittäisiä värejä muokkaamatta teemaa, käytä asetusta colorReplacements.

Pakettiin sisältyvien teemojen luetteloiminen

Kohteesta 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

Tai komentoriviltä, yksi tunnus rivillä aakkosjärjestyksessä:

Shell
vendor/bin/shikiphp themes

Luettelo

Tyyppi on light- tai dark-tyyppi, jonka paketti tallentaa kullekin teemalle. Siitä on hyötyä, kun valitset paria asetukseen themes.

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

Oman lisääminen

Rekisteröi mukautettu VS Code-teema JSON komennolla loadTheme. Katso Custom languages and themes.