1. prism-themes
Additional themes for the Prism syntax highlighting library.
prism-themes
Package: prism-themes
Created by: prismjs
Last modified: Fri, 24 Jun 2022 16:17:33 GMT
Version: 1.9.0
License: MIT
Downloads: 301,506
Repository: https://github.com/prismjs/prism-themes

Install

npm install prism-themes
yarn add prism-themes

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

To add your own theme/s, copy it/them into the themes directory and add your theme/s to the list of available themes in this readme.
The filenames 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 run the following command to verify that all checks pass:

 npm test

Thank you so much for contributing!!

Available themes

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code