Atom One Pygments
How it works
NPM scripts are used to copy the LESS stylesheet files from One Dark Syntax and One Light Syntax into a
temp folder, at which point each of them are converted to vanilla CSS using the LESS compiler, and minified with clean-css before being output to the
Supports code snippets generated with Pygments 2.2.0 and earlier, and includes the
user-select css selection rule on the
linenos class in an effort to help prevent users from copying line numbers when selecting code snippets.
- Clone the repository using
- Install NPM dependencies with
npm run buildto generate stylesheets
The above will generate two minified stylesheets in the
dist directory, aptly named
light.css, for use in highlighting code.
Note: By default, generated stylesheets assume your highlighted code sits in a container with class
<div class="highlight"> <pre> <code>...</code> </pre> </div>
If you are using a different wrapper class with Pygments, the wrapper name can be changed in
pygments.less before building. Additional customizations are also possible as outlined in the file. Get creative.
Please feel free to submit an issue if spot any bugs or need help understanding how to use this tool. Enhancement requests should come in the form of a pull request demonstrating your suggested changes.