KeziahMoselle / horizon-prismjs-theme

🎨 A beautifully warm dark theme for Prism.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Horizon for Prism.js

Original theme by Jonathan Olaleye you can found the theme here : https://github.com/jolaleye/horizon-theme-vscode

Preview

Original Prism

Notes

The stylesheet is not perfect and it was tested only on JSX syntax.

Feel free to submit issues or to fix them by submitting a PR.

Install

  1. Install dependency
> npm i horizon-prismjs-theme

Usage

  1. Import it
import 'horizon-prismjs-theme/theme.css';
  1. Write the code sample
```jsx
// A little peek at Horizon's beauty :)
import React, { Component } from 'react';

class Welcome extends Component {
  render = () => (
      <div className="hello">
        <h1>Welcome to Horizon!</h1>
        <span>Take a moment to just admire it o.O</span>
      </div>
    );
  }
}
```
  1. Enjoy !

About

🎨 A beautifully warm dark theme for Prism.js


Languages

Language:CSS 100.0%