zan-rosenthal/operator-mono-atom

Free Operator Mono clone for Atom

operator-mono-atom

Free Operator Mono clone for Atom

A stylish way to code! Optimized for React, Ember and Ruby development.

Check out the screenshots.

Installation

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

Install fonts

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

Download and install flottflott font into your system in the same manner.

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

Configure Atom

Once fonts are installed, bring up Atom and open up your stylesheet. Replace the contents with the one in this repository (don't forget to back up your old if you want it back).

The stylesheet has some custom overrides to complement a certain syntax theme. If you do not want to use this syntax theme please update styles.less to remove the custom overrides. The code comment should be enough to figure out which are needed...

Syntax Theme

Install and use this Syntax Theme: Oceanic Next Italic

NOTE: There are deprecation issues in 1.13 and beyond which is not fixed in the base branch of Oceanic Next Italic, until they fix that a workaround is to use my fork:

cd ~/.atom/packages
rm -rf oceanic-next-italic-atom/
git clone [email protected]:klippx/oceanic-next-italic-atom.git --depth=1

UI Theme

Every syntax theme is more or less aesthetically coupled with the UI theme. I recommend using this UI theme One Dark (by Atom): https://atom.io/themes/one-dark-ui

Troubleshooting

Are your ligatures not being applied correctly?

1. In Editor Settings, you might need to enter "Fira Code" in "Font Family"
2. In Editor Settings, be advised to have "Use Shadow DOM" turned on!
3. Disable interfering packages that modifies fonts, such as "fonts"

Screenshots

JSX

Ruby

Ember

Handlebars

Elixir

Python