❤
npm
Sign UpSign In

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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.4
    598
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.4
    598
  • 1.0.3
    0
  • 1.0.2
    0
  • 1.0.1
    0
  • 1.0.0
    0

Package Sidebar

Install

npm i prism-material-themes

Repository

github.com/kaicataldo/prism-material-themes

Homepage

github.com/kaicataldo/prism-material-themes#readme

Fund this package

Weekly Downloads

598

Version

1.0.4

License

MIT

Unpacked Size

13.4 kB

Total Files

8

Last publish

Collaborators

  • kaicataldo
Try on RunKit
Report malware