prism-material-themes

🎨 Themes for the Prism syntax highlighting library based on the Material color scheme

MIT License

Downloads
1.8K
Stars
12

Prism Material Themes

This repository contains the source code for themes for the Prism syntax highlighting library based on the wonderful Material theme!

Installation

The themes are available on npm:

npm install prism-material-themes

Usage

The themes are located in the package's themes/ directory in the form of CSS files.

Copy and include as asset manually

You can copy the theme you'd like to use into your project and use it like so:

<!DOCTYPE html>
<html>
  <head>
    ...
    <link href="themes/material-default.css" rel="stylesheet" />
  </head>
  <body>
    ...
    <script src="prism.js"></script>
  </body>
</html>

Import using a bundler like webpack

import 'prism-material-themes/themes/material-default.css';

Screenshots

Material Default (material-default.css)

Material Darker (material-darker.css)

Material Lighter (material-lighter.css)

Material Ocean (material-ocean.css)

Material Palenight (material-palenight.css)