Operator Mono Free Version - VS Code

ReadMe.md

Operator Mono Free Version - VS Code

---

This explains how to get what basically amounts to the "Operator Mono" font feel and look in VS Code, for free.

First you need to install "Custom CSS and JS Loader" extension and then add the settings (below) and setup the style sheet and put the path to the stylesheet.

To apply the changes, follow the instructions carefully in the Custom Css and JS Loader readme.

https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

You will also need to download and install both fonts on your system:

https://github.com/tonsky/FiraCode https://www.dafont.com/flottflott.font

operator-styles.css

[data-mode-id="javascript"] .mtk3,
[data-mode-id="javascript"] .mtk5,
[data-mode-id="javascript"] .mtk13x,
[data-mode-id="javascript"] .mtk16 {
  margin-left: 1px;
  font-family: "FlottFlott";
  font-size: 1.6em;
}

[data-mode-id="javascript"] .mtk4 {
    font-family: 'Fira Code';
    font-weight: bold;
    line-height: 1.2em;
    background: hsla(0,0%,100%,.1);
    padding: 1px 10px;
    border-radius: 8px;
    color: #d4d4d4;
    font-size: .8em;
    /* color: #f9f9a0; */
}

settings.json

{
    //..other settings, if any, then:
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,   
    "vscode_custom_css.imports": ["file:///C:/Users/trans/OneDrive/Development/VSCode/operator-style.css"],
    "vscode_custom_css.policy": true,
}