{"id":21518390,"url":"https://github.com/jarvis-ai/operator-monostyle","last_synced_at":"2025-09-12T08:46:01.695Z","repository":{"id":114303294,"uuid":"153445318","full_name":"JARVIS-AI/Operator-MonoStyle","owner":"JARVIS-AI","description":"Operator Mono Font Style for Atom | Or Buy A font itself 😁","archived":false,"fork":false,"pushed_at":"2018-10-28T17:45:33.000Z","size":4354,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-31T04:12:51.409Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JARVIS-AI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-17T11:27:09.000Z","updated_at":"2018-10-17T11:46:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"1d94a414-47f3-4a18-a8ac-f36ef2fe9afe","html_url":"https://github.com/JARVIS-AI/Operator-MonoStyle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JARVIS-AI%2FOperator-MonoStyle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JARVIS-AI%2FOperator-MonoStyle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JARVIS-AI%2FOperator-MonoStyle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JARVIS-AI%2FOperator-MonoStyle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JARVIS-AI","download_url":"https://codeload.github.com/JARVIS-AI/Operator-MonoStyle/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244071565,"owners_count":20393451,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-24T00:51:52.994Z","updated_at":"2025-03-17T16:42:43.841Z","avatar_url":"https://github.com/JARVIS-AI.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Operator Mono for Atom Editor\nFree [Operator Mono](http://www.typography.com/blog/introducing-operator) clone for Atom\n\nA stylish way to code!\n\nCheck out the [screenshots](#screenshots).\n\n## Installation\n\n1. [Install fonts](#install-fonts)\n2. [Configure Atom](#configure-atom)\n3. [Troubleshooting](#troubleshooting)\n4. [Screenshots](#screenshots)\n  1. [JSX](#screenshot-jsx)\n  2. [Ruby](#screenshot-ruby)\n  3. [Elixir](#screenshot-elixir)\n  4. [Python](#screenshot-python)\n\n### \u003ca name=\"install-fonts\"\u003e\u003c/a\u003e Install fonts\n\nDownload and install [Fira Code](https://github.com/tonsky/FiraCode) font into your system. [Installation instructions](https://github.com/tonsky/FiraCode/wiki)\n\nDownload and install [Script12 BT](https://www.myfontsfree.com/134618/script12pitchbt.htm) font into your system in the same manner. I put in repo as well\n\n\n\n### \u003ca name=\"configure-atom\"\u003e\u003c/a\u003e Configure Atom\n\n#### Enable Ligatures\n\nTo use Fira Code properly you need to enable ligatures. There are two ways to do this, see below:\n\n##### Ligatures - Quick install\n\nBring up Atom and go to Settings \u003e Themes. Search for [Operator Mono](https://atom.io/themes/operator-mono) and install.\n\nThis 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.\n\n##### Ligatures - Manual install\n\nIf you prefer to use your own syntax theme, you have to edit your styles.less and insert these lines:\n\n```\natom-text-editor {\n  text-rendering: optimizeLegibility;\n\n  \u0026.editor .syntax--string.syntax--quoted,\n  \u0026.editor .syntax--string.syntax--regexp {\n    -webkit-font-feature-settings: \"liga\" off, \"calt\" off;\n  }\n}\n```\n\n#### Enable \"Operator Mono\" font\n\nIn 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.\n\nIf you have any personal preferences, such as applying \"Operator Mono\" for comments as well, just add `.syntax--comment` in the css selector list.\n\n### \u003ca name=\"troubleshooting\"\u003e\u003c/a\u003e Troubleshooting\n\nAtom version\n\nThe 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.\n\nAre your ligatures not being applied correctly?\n\n1. In Editor Settings, you might need to enter \"Fira Code\" in \"Font Family\"\n2. Hunt down and disable interfering packages that modifies fonts, such as \"fonts\"\n\n![Screenshot of example bad package fonts](img/fonts.png)\n\n### \u003ca name=\"screenshots\"\u003e\u003c/a\u003e Screenshots\n\nThe screenshots below are taken with the [Operator Mono](https://github.com/klippx/operator-mono) theme.\n\n#### \u003ca name=\"screenshot-jsx\"\u003e\u003c/a\u003e JSX\n\n![Screenshot of JSX](img/JSX.png)\n\n#### \u003ca name=\"screenshot-ruby\"\u003e\u003c/a\u003e Ruby\n\n![Screenshot of Ruby](img/ruby.png)\n\n#### \u003ca name=\"screenshot-elixir\"\u003e\u003c/a\u003e Elixir\n\n![Screenshot of Elixir](img/elixir.png)\n\n\n\nFor enabling Italic font like SC do this :\n\nAtom \u003e Edit \u003e Stylesheet \u003e and add those codes in style.less to that.\n\nI put my `style.less` here to make it easier.\n\n```less\n/*\n * Your Stylesheet\n *\n * This stylesheet is loaded when Atom starts up and is reloaded automatically\n * when it is changed and saved.\n *\n * Add your own CSS or Less to fully customize Atom.\n * If you are unfamiliar with Less, you can read more about it here:\n * http://lesscss.org\n */\n\n\n/*\n * Examples\n * (To see them, uncomment and save)\n */\n\n// style the background color of the tree view\n.tree-view {\n  // background-color: whitesmoke;\n}\n\natom-workspace {\n  font-size: 11px;\n}\n\n// style the background and foreground colors on the atom-text-editor-element itself\natom-text-editor {\n  // color: white;\n  // background-color: hsl(180, 24%, 12%);\n}\n\n// style UI elements inside atom-text-editor\natom-text-editor .cursor {\n  // border-color: red;\n}\n\natom-panel.tool-panel {\n  font-size: 0.88em;\n}\n\natom-text-editor.editor {\n  .syntax--entity.syntax--other.syntax--attribute-name {\n    //font-family: \"Operator Mono\";\n    //font-size: 18px;\n    font-style: italic;\n  }\n  .variable.parameter, .entity.other.inherited-class, .storage.type, .entity.other.attribute-name.pseudo-class.css{\n    font-style: italic;\n  }\n}\n\natom-text-editor {\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  font-family: \"Operator Mono\";\n  font-weight: 500;\n  line-height: 1.7;\n}\n\natom-text-editor.editor {\n  .syntax--storage.syntax--type.syntax--function.syntax--arrow,\n  .syntax--keyword.syntax--operator:not(.accessor),\n  .syntax--punctuation.syntax--definition {\n    font-family: \"Fira Code\";\n  }\n  .syntax--string.syntax--quoted,\n  .syntax--string.syntax--regexp {\n    -webkit-font-feature-settings: \"liga\" off, \"calt\" off;\n  }\n}\n```\n\nThis style make this look :\n\nHTML\n\n![style1](img/style1.png) \n\n\n\nRuby\n\n![style2](img/style2.png)\n\n\n\n## Authors\n\nAmir Mohammad Safari Livari\n\nHelp of Friends in GitHub (Thanks)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarvis-ai%2Foperator-monostyle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjarvis-ai%2Foperator-monostyle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjarvis-ai%2Foperator-monostyle/lists"}