Atom Settings for Operator Mono and Fira Code fonts

styles.less

// Fira Code (Free)
// https://github.com/tonsky/FiraCode

// Operator Fonts (Paid)
// https://www.typography.com/fonts/operator/overview/


// you can manually enable/disable my styles by colors
// 
// add next lines to your atom stylesheet


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

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

atom-text-editor,
span.syntax--source.syntax--js span {
    font-family: "Fira Code";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
}

.editor .comment,
atom-text-editor.editor .syntax--comment,
// Purple
span.syntax--keyword.syntax--operator.syntax--js:not(.syntax--comparison):not(.syntax--assignment):not(.syntax--logical):not(.syntax--increment):not(.syntax--decrement),
span.syntax--keyword.syntax--control.syntax--js,
span.syntax--storage.syntax--type.syntax--js:not(.syntax--arrow),
span.syntax--storage.syntax--modifier.syntax--js,
// Yellow
span.syntax--constant.syntax--language.syntax--js,
// Error red
span.syntax--invalid.syntax--illegal.syntax--string.syntax--js,
// Blue and Yellow for functions
span.syntax--entity.syntax--name.syntax--function.syntax--js,
span.syntax--entity.syntax--name.syntax--type.syntax--class.syntax--js,
span.syntax--entity.syntax--name.syntax--type.syntax--instance.syntax--js {
    font-family: "Operator Mono";
    font-weight: 300;
    font-style: italic;
}

atom-text-editor,
span.syntax--source.syntax--js span {
    font-style: normal;
}