Skip to content
master
Switch branches/tags
Code

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