prism-themes

Additional themes for the Prism syntax highlighting library.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
prism-themes
1.9.02 years ago7 years agoMinified + gzip package size for prism-themes in KB

Readme

Prism themes
Build Status npm
This repository lists a selection of additional themes for the Prism syntax highlighting library.

How to use a theme

To use one of the themes, just include the theme's CSS file in your page. Example:
<!DOCTYPE html>
<html>
    <head>
        ...
        <link href="themes/prism-ghcolors.css" rel="stylesheet" />
    </head>
    <body>
        ...
        <script src="prism.js"></script>
    </body>
</html>

Adding new themes

To add your own theme/s, copy it/them into the themes directory and add your theme/s to the list of available themes in this readme. The filenames for your themes have to be themes/prism-<your-theme>.css for the theme itself and screenshots/prism-<your-theme>.png for the screenshot.
The screenshot will be created for you by running the following command:
npm i && npx gulp screenshot

Before making a pull request, you can run the following command to verify that all checks pass:
npm test

Thank you so much for contributing!!

Available themes

CB
GHColors
Pojoaque
Xonokai
Ateliersulphurpool-light
Hopscotch
Atom Dark
Duotone Dark
Duotone Sea
Duotone Space
Duotone Earth
Duotone Forest
Duotone Light
VS
VS
Darcula
a11y Dark
Dracula
Synthwave '84
Shades of Purple
Material Dark
Material Light
Material Oceanic
Nord
Coldark Cold
Coldark Dark
Coy without shadows
Gruvbox Dark
Gruvbox Light
Lucario
Night Owl
Holi Theme
Z-Touch
Solarized Dark Atom
One Dark
One Light