Preskočiť na obsah

Témy

shikiphp obsahuje úplnú sadu tém Shiki: všetkých 65 tém VS Code z tm-themes 1.12.2, teda sadu, ktorú dodáva Shiki 3.23.0. 44 tém je tmavých a 21 svetlých. Medzi obľúbené identifikátory patria github-dark, github-light, nord, dracula, vitesse-dark, vitesse-light, one-dark-pro, monokai, solarized-dark a rodiny catppuccin-* a material-theme-*.

Použite jednu tému s možnosťou theme alebo dve (či viac) s možnosťou themes na výstup s premennými CSS pre svetlý/tmavý režim. Pozrite si Začíname.

PHP
use Shikiphp\Shikiphp;

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

Ak balík nepozná identifikátor témy, vyvolá sa Shikiphp\Exceptions\Highlight so správou Unknown theme "…".

Čo určuje téma

Téma určuje farbu textu a pozadia bloku (nastavenú na <pre>) a farbu aj štýl písma (kurzíva, tučné, podčiarknuté, prečiarknuté) každého tokenu; rozhoduje špecifickosť selektora rozsahu. V prípade lang: 'ansi' sa farby terminal.ansi* zmenia na paletu ANSI (pozrite si ANSI). Ak chcete upraviť jednotlivé farby bez úprav témy, použite colorReplacements.

Zoznam pribalených tém

V 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

Alebo z príkazového riadka, jeden identifikátor na riadok v abecednom poradí:

Shell
vendor/bin/shikiphp themes

Katalóg

Typ je označenie light alebo dark, ktoré balík eviduje pre každú tému. Hodí sa pri výbere dvojice pre možnosť themes.

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

Pridanie vlastných

Zaregistrujte vlastnú tému VS Code JSON pomocou loadTheme. Pozrite si Vlastné jazyky a témy.