115 lines
6.5 KiB
Markdown
115 lines
6.5 KiB
Markdown
|
# Prism themes
|
||
|
|
|
||
|
|
This repository lists a selection of additional themes for the [Prism syntax highlighting library](http://prismjs.com/).
|
||
|
|
|
||
|
|
## How to use a theme
|
||
|
|
|
||
|
|
To use one of the themes, just include the theme's CSS file in your page. Example:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<!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:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm i && npx gulp screenshot
|
||
|
|
```
|
||
|
|
|
||
|
|
Before making a pull request, you can the following command to verify that all checks pass:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm test
|
||
|
|
```
|
||
|
|
|
||
|
|
Thank you so much for contributing!!
|
||
|
|
|
||
|
|
## Available themes
|
||
|
|
|
||
|
|
* [__CB__](themes/prism-cb.css) (originally by [C. Bavota](https://bitbucket.org/cbavota), adapted by [atelierbram](https://github.com/atelierbram))<br />
|
||
|
|
[](themes/prism-cb.css)
|
||
|
|
|
||
|
|
* [__GHColors__](themes/prism-ghcolors.css) (by [aviaryan](https://github.com/aviaryan))<br />
|
||
|
|
[](themes/prism-ghcolors.css)
|
||
|
|
|
||
|
|
* [__Pojoaque__](themes/prism-pojoaque.css) (originally by [Jason Tate](http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html), adapted by [atelierbram](https://github.com/atelierbram))<br />
|
||
|
|
[](themes/prism-pojoaque.css)
|
||
|
|
|
||
|
|
* [__Xonokai__](themes/prism-xonokai.css) (originally by [Maxime Thirouin (MoOx)](https://github.com/MoOx), adapted by [atelierbram](https://github.com/atelierbram))<br />
|
||
|
|
[](themes/prism-xonokai.css)
|
||
|
|
|
||
|
|
* [__Ateliersulphurpool-light__](themes/prism-base16-ateliersulphurpool.light.css) (by [Bram de Haan](https://github.com/atelierbram))<br />
|
||
|
|
[](themes/prism-base16-ateliersulphurpool.light.css)
|
||
|
|
|
||
|
|
* [__Hopscotch__](themes/prism-hopscotch.css) (by [Jan T. Sott](https://github.com/idleberg))<br />
|
||
|
|
[](themes/prism-hopscotch.css)
|
||
|
|
|
||
|
|
* [__Atom Dark__](themes/prism-atom-dark.css) (by [gibsjose](https://github.com/gibsjose), based on [Atom Dark Syntax theme](https://github.com/atom/atom-dark-syntax))<br />
|
||
|
|
[](themes/prism-atom-dark.css)
|
||
|
|
|
||
|
|
* [__Duotone Dark__](themes/prism-duotone-dark.css) (by [Simurai](https://github.com/simurai), based on [Duotone Dark Syntax theme for Atom](https://github.com/simurai/duotone-dark-syntax))<br />
|
||
|
|
[](themes/prism-duotone-dark.css)
|
||
|
|
|
||
|
|
* [__Duotone Sea__](themes/prism-duotone-sea.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Sea Syntax theme for Atom](https://github.com/simurai/duotone-dark-sea-syntax))<br />
|
||
|
|
[](themes/prism-duotone-sea.css)
|
||
|
|
|
||
|
|
* [__Duotone Space__](themes/prism-duotone-space.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Space Syntax theme for Atom](https://github.com/simurai/duotone-dark-space-syntax))<br />
|
||
|
|
[](themes/prism-duotone-space.css)
|
||
|
|
|
||
|
|
* [__Duotone Earth__](themes/prism-duotone-earth.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Earth Syntax theme for Atom](https://github.com/simurai/duotone-dark-earth-syntax))<br />
|
||
|
|
[](themes/prism-duotone-earth.css)
|
||
|
|
|
||
|
|
* [__Duotone Forest__](themes/prism-duotone-forest.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Dark Forest Syntax theme for Atom](https://github.com/simurai/duotone-dark-forest-syntax))<br />
|
||
|
|
[](themes/prism-duotone-forest.css)
|
||
|
|
|
||
|
|
* [__Duotone Light__](themes/prism-duotone-light.css) (by [Simurai](https://github.com/simurai), based on [DuoTone Light Syntax theme](https://github.com/simurai/duotone-light-syntax))<br />
|
||
|
|
[](themes/prism-duotone-light.css)
|
||
|
|
|
||
|
|
* [__VS__](themes/prism-vs.css) (by [andrewlock](https://github.com/andrewlock))<br />
|
||
|
|
[](themes/prism-vs.css)
|
||
|
|
|
||
|
|
* [__VS Code Dark+__](themes/prism-vsc-dark-plus.css) (by [tabuckner](https://github.com/tabuckner))<br />
|
||
|
|
[](themes/prism-vsc-dark-plus.css)
|
||
|
|
|
||
|
|
* [__Darcula__](themes/prism-darcula.css) (by [service-paradis](https://github.com/service-paradis), based on Jetbrains Darcula theme)<br />
|
||
|
|
[](themes/prism-darcula.css)
|
||
|
|
|
||
|
|
* [__a11y Dark__](themes/prism-a11y-dark.css) (by [ericwbailey](https://github.com/ericwbailey))<br />
|
||
|
|
[](themes/prism-a11y-dark.css)
|
||
|
|
|
||
|
|
* [__Dracula__](themes/prism-dracula.css) (by [Byverdu](https://github.com/byverdu))<br />
|
||
|
|
[](themes/prism-dracula.css)
|
||
|
|
|
||
|
|
* [__Synthwave '84__](themes/prism-synthwave84.css) (originally by [Robb Owen](https://github.com/robb0wen), adapted by [Marc Backes](https://github.com/themarcba))<br />
|
||
|
|
[](themes/prism-synthwave84.css)
|
||
|
|
|
||
|
|
* [__Shades of Purple__](themes/prism-shades-of-purple.css) (by [Ahmad Awais](https://github.com/ahmadawais))<br />
|
||
|
|
[](themes/prism-shades-of-purple.css)
|
||
|
|
|
||
|
|
* [__Material Dark__](themes/prism-material-dark.css) (by [dutchenkoOleg](https://github.com/dutchenkoOleg))<br />
|
||
|
|
[](themes/prism-material-dark.css)
|
||
|
|
|
||
|
|
* [__Material Light__](themes/prism-material-light.css) (by [dutchenkoOleg](https://github.com/dutchenkoOleg))<br />
|
||
|
|
[](themes/prism-material-light.css)
|
||
|
|
|
||
|
|
* [__Material Oceanic__](themes/prism-material-oceanic.css) (by [dutchenkoOleg](https://github.com/dutchenkoOleg))<br />
|
||
|
|
[](themes/prism-material-oceanic.css)
|
||
|
|
|
||
|
|
* [__Nord__](themes/prism-nord.css) (originally by [Nord](https://www.nordtheme.com/), adapted by [Zane Hitchcox](https://github.com/zwhitchcox) and [Gabriel Ramos](https://github.com/gabrieluizramos))<br />
|
||
|
|
[](themes/prism-nord.css)
|