Skip to content
Free Operator Mono clone for Atom
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img Update the repo Sep 27, 2017
FiraCode_1.204.zip Upgrade FiraCode from 1.201 to 1.204 May 30, 2017
README.md Fix md Sep 27, 2017
script12pitchbt.zip Update the repo Sep 27, 2017
styles.less Added a test.js file to verify alignment Oct 3, 2017
test.js Added a test.js file to verify alignment Oct 3, 2017

README.md

operator-mono-atom

Free Operator Mono clone for Atom

A stylish way to code!

Check out the screenshots.

Installation

  1. Install fonts
  2. Configure Atom
  3. Troubleshooting
  4. Screenshots
  5. JSX
  6. Ruby
  7. Elixir
  8. Python

Install fonts

Download and install Fira Code font into your system. Installation instructions

Download and install Script12 BT font into your system in the same manner. Thanks to @kencrocken for finding this font :)

The current version (last checked September 2017) of the fonts can also be found in this repository.

Configure Atom

Enable Ligatures

To use Fira Code properly you need to enable ligatures. There are two ways to do this, see below:

Ligatures - Quick install

Bring up Atom and go to Settings > Themes. Search for Operator Mono and install.

This syntax theme has been built to support this Fira Code, it is built from scratch using the Oceanic Next Italic palette and it will enable ligatures, and make certain attributes italic. It will also be your theme.

Ligatures - Manual install

If you prefer to use your own syntax theme, you have to edit your styles.less and insert these lines:

atom-text-editor {
  text-rendering: optimizeLegibility;

  &.editor .syntax--string.syntax--quoted,
  &.editor .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
}

Enable "Operator Mono" font

In order to enable the alternative font for italic, which is probably what you came for, you have to manually edit your styles.less file and merge the code snippet found in styles.less in this repository with your own.

If you have any personal preferences, such as applying "Operator Mono" for comments as well, just add .syntax--comment in the css selector list.

Troubleshooting

Atom version

The instructions / code works for the latest versions of Atom (1.20.x) and Atom Beta (1.21.x). Please make sure your editor is updated.

Are your ligatures not being applied correctly?

  1. In Editor Settings, you might need to enter "Fira Code" in "Font Family"
  2. Hunt down and disable interfering packages that modifies fonts, such as "fonts"

Screenshot of example bad package fonts

Screenshots

The screenshots below are taken with the Operator Mono theme.

JSX

Screenshot of JSX

Ruby

Screenshot of Ruby

Elixir

Screenshot of Elixir

You can’t perform that action at this time.