https://github.com/jeremyjeanson/prismjs-vs

Visual Studio themes for Prism js
https://github.com/jeremyjeanson/prismjs-vs

Last synced: 4 months ago
JSON representation

Visual Studio themes for Prism js

• Host: GitHub
• URL: https://github.com/jeremyjeanson/prismjs-vs
• Owner: JeremyJeanson
• License: mit
• Created: 2019-11-27T13:53:24.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-03-30T19:35:51.000Z (over 3 years ago)
• Last Synced: 2025-03-03T02:01:53.503Z (4 months ago)
• Language: SCSS
• Size: 155 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Download

[![npm](https://img.shields.io/npm/dw/prismjs-vs.svg?logo=npm&label=npm%20version)](https://www.npmjs.com/package/prismjs-vs)

[![npm](https://img.shields.io/nuget/dt/prismjs-vs.svg?logo=nuget&label=nuget%20css%20version)](https://www.nuget.org/packages/prismjs-vs/)

[![npm](https://img.shields.io/nuget/dt/prismjs-vs.sass.svg?logo=nuget&label=nuget%20sass%20version)](https://www.nuget.org/packages/prismjs-vs.sass/)

 

# Introduction

This project include themes for [Prism JS](https://prismjs.com/). 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](Documentation/Images/sample-light.png)

- Visual Studio Light (prismjs-vs-dark)

![Sample light](Documentation/Images/sample-dark.png)

# 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.

```

	...

    

	...

    

```

# 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

```