https://github.com/andrew--r/hljs-alabaster

Alabaster theme for Highlight.js
https://github.com/andrew--r/hljs-alabaster

Last synced: about 6 hours ago
JSON representation

Alabaster theme for Highlight.js

• Host: GitHub
• URL: https://github.com/andrew--r/hljs-alabaster
• Owner: andrew--r
• License: mit
• Created: 2020-01-03T19:53:04.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-08-03T06:21:37.000Z (over 1 year ago)
• Last Synced: 2024-11-14T21:16:55.603Z (5 days ago)
• Language: HTML
• Homepage: https://andrew--r.github.io/hljs-alabaster/
• Size: 261 KB
• Stars: 14
• Watchers: 3
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md
  • License: license.txt

Awesome Lists containing this project

README

        
![Demo screenshot](./demo/screenshot-python.png)

# Alabaster Theme for Highlight.js

![License](https://img.shields.io/npm/l/hljs-alabaster)

![NPM version](https://img.shields.io/npm/v/hljs-alabaster)

![Minified size](https://img.shields.io/bundlephobia/min/hljs-alabaster)

Most color themes highlight everything they can, ending up looking like a fireworks show.

Instead, Alabaster uses minimal highlighting. See [original motivation statement](https://github.com/tonsky/vscode-theme-alabaster#motivation).

## Demo

See [demo page](https://andrew--r.github.io/hljs-alabaster).

## Usage

### Simplest way

Download [theme file](https://raw.githubusercontent.com/andrew--r/hljs-alabaster/master/theme.css) and put it wherever you need.

### Advanced setup

If your build system supports importing CSS files from node_modules, you can install `hljs-alabaster` as a dependency:

```

npm install hljs-alabaster

```

And directly import it in your CSS:

```css

@import 'hljs-alabaster';

```

## Credits

- [Highlight.js](https://highlightjs.org)

- [Original Alabaster theme](https://github.com/tonsky/vscode-theme-alabaster)