Skip to content
A wider selection of Prism themes
CSS JavaScript HTML
Branch: master
Clone or download
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 Add Material Themes (#86) Oct 21, 2019
themes Add Material Themes (#86) Oct 21, 2019
.gitignore Added automated screenshot task (#80) Sep 4, 2019
.travis.yml Add .travis.yml and make tests exit ok Jan 19, 2018
LICENSE Initial commit Feb 21, 2015
README.md Add Material Themes (#86) Oct 21, 2019
gulpfile.js Added automated screenshot task (#80) Sep 4, 2019
package.json 1.3.0 Oct 23, 2019

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.