Skip to content

doodlewhale/prism-themes

 
 

Repository files navigation

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 i && npx gulp screenshot

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

npm test

Thank you so much for contributing!!

Available themes

About

A wider selection of Prism themes

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 96.2%
  • JavaScript 3.0%
  • HTML 0.8%