Giters

emanuelcasco / prism-themes

A wider selection of Prism themes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 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

License:MIT License

Languages

Language:CSS 96.4%Language:JavaScript 2.9%Language:HTML 0.7%