Skip to content
Visual Studio themes for Prism js
CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Documentation/Images
Nuget
Sources
.gitignore
LICENSE
readme.md

readme.md

Introduction

This project include themes for Prism JS. These themes are based on the Visual Studio 2019 colors.

At this time, 2 themes are available :

  • Visual Studio Light (prismjs-vs-light) Sample light

  • Visual Studio Light (prismjs-vs-dark) Sample light

Languages supported

Themes were optimized for : C#, C (and C-Like), CSS, Java Script, Json, Markup, HTML, XML, Powershell, SASS (SCSS), SQL, YAML.

But it should support all others the language.

Installation

npm install prismjs-vs

Usage

Include the CSS of the them that you would like to use in your HTTP Header. CSS files are in the DIST folder.

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

Advanced

You can use the SASS files to customize the themes. SASS files are in the SCSS folder.

File Description
_prism-vs.scss Contain all CSS for prism JS. Requiered by theme files.
prism-vs-dark.scss Set all colors to obtain the dark theme. @import the _prism-vs.scss file.
prism-vs-light.scss Set all colors to obtain the light theme. @import the _prism-vs.scss file.

Contribute

Contributions are open. Juste send your ideas or Pull Request ;)

Build

If you want to contribute to this project, you should have to build this one. The build process use NPM scripts. To run build, use this command.

npm run build
You can’t perform that action at this time.