romainprignon
2/11/2016 - 9:26 PM

Using Operator Mono in Atom

Using Operator Mono in Atom

/**
 * Using Operator Mono in Atom
 * 
 * 1. Open up Atom Preferences.
 * 2. Click the “Open Config Folder” button.
 * 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
 * 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
 * 5. Tweak away.
 *
 * Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):
 * 1. UI Theme: One Dark (comes with Atom, I believe) — https://github.com/atom/one-dark-syntax
 * 2. Syntax Theme: Oceanic Next — https://github.com/voronianski/oceanic-next-theme
 */

atom-workspace,
atom-text-editor {
    font-family: "OperatorMonoSSm-Light";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.7;
}

atom-panel.tool-panel {
    font-size: 0.88em;
}

.editor .comment,
atom-text-editor.editor .syntax--comment {
    font-family: "OperatorMonoSSm-LightItalic";
    font-style: normal;
}