Skip to content
A wider selection of Prism themes
CSS JavaScript HTML
Branch: master
Clone or download
Pull request Compare This branch is 2 commits behind PrismJS:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
screenshots
themes
.gitignore
.travis.yml
LICENSE
README.md
gulpfile.js
package.json

README.md

Prism themes

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 a New Theme

To add your own theme, copy it into the themes directory and add your themes to the list of available themes in the readme. The links 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 ci && npx gulp screenshot

Thank you so much for contributing!!

Available themes

You can’t perform that action at this time.