# Prism Material Themes [![npm](https://img.shields.io/npm/v/prism-material-themes?color=%231615e6&style=flat-square)](https://www.npmjs.com/package/prism-material-themes) This repository contains the source code for themes for the Prism syntax highlighting library based on the wonderful [Material theme](https://material-theme.site/)! ## Installation The themes are available on `npm`: ```sh 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: ```html ... ... ``` ### Import using a bundler like webpack ```js 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