Use Atom's One Dark syntax colors in your Jekyll powered blog! It's LESS file which can be compiled to a - Pygments, Rouge compatible - stylesheet from Atom editor's One Dark syntax theme (and any theme based on it, for example One Dark Vivid, Firewatch, etc.).
Switch branches/tags
Nothing to show
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.
LICENSE
README.md
colors.less
syntax-firewatch-green.css
syntax-firewatch.css
syntax-one-dark-vivid.css
syntax-one-dark.css
syntax-variables.less
syntax.less

README.md

OneDarkJekyll

Use Atom's One Dark syntax colors in your Jekyll powered blog!

It's LESS file which can be compiled to a - Pygments, Rouge compatible - stylesheet from Atom editor's One Dark syntax theme (and any theme based on it, for example One Dark Vivid, Firewatch, etc.).

Download the stylesheet files or compile a new one from any Atom syntax theme which based on One Dark (the variable names in colors.less must match with One Dark's)

Create a new syntax stylesheet

  1. npm install -g less less-plugin-clean-css
  2. Clone this repository
  3. Download the colors.css file from the syntax theme's repository (for example https://github.com/atom/one-dark-syntax/blob/master/styles/colors.less in case of One-Dark)
  4. Put the previously downloaded file next to syntax.less
  5. Run lessc syntax.less syntax.css --clean-css
  6. Use the syntax.css

It's not final and in case you find any error/improvement feel free to create a PR. :)