Need private packages and team management tools?Check out npm Teams »

prism-material-themes

1.0.4 • Public • Published

Prism Material Themes

npm

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)

Screenshot of Material Default theme

Material Darker (material-darker.css)

Screenshot of Material Darker theme

Material Lighter (material-lighter.css)

Screenshot of Material Lighter theme

Material Ocean (material-ocean.css)

Screenshot of Material Ocean theme

Material Palenight (material-palenight.css)

Screenshot of Material Palenight theme

Install

npm i prism-material-themes

DownloadsWeekly Downloads

10

Version

1.0.4

License

MIT

Unpacked Size

13.4 kB

Total Files

8

Last publish

Collaborators

  • avatar