my vscode setup for OceanicNext

style.css

/* Ligatures */
.mtk16,
.mtk26,
.mtk36,
.mtk39 {
  font-family: "Fira Code";
  font-weight: 900;
}

/* Keywords, decorators, comments */
.mtk5,
.mtk8,
.mtk13,
.mtk15,
.mtk34,
.mtki {
  font-family: "Operator Mono";
  font-style: italic;
  font-weight: 900;
  font-size: 1.1em;
}

.mtk1,
.mtk3,
.mtk6,
.mtk7,
.mtk9,
.mtk11,
.mtk13,
.mtk15,
.mtk17,
.mtk20,
.mtk43 {
  font-weight: 900;
}

user_settings.json

{
  "editor.minimap.enabled": false,
  "editor.fontFamily": "Operator Mono,'Fira Code'",
  "editor.fontLigatures": true,
  "editor.fontSize": 18,
  "editor.lineHeight": 24,
  "workbench.editor.swipeToNavigate": true,
  "workbench.fontAliasing": "antialiased",
  "telemetry.enableTelemetry": false,
  "gitlens.advanced.messages": {
    "suppressCommitHasNoPreviousCommitWarning": false,
    "suppressCommitNotFoundWarning": false,
    "suppressFileNotUnderSourceControlWarning": false,
    "suppressGitVersionWarning": false,
    "suppressLineUncommittedWarning": false,
    "suppressNoRepositoryWarning": false,
    "suppressResultsExplorerNotice": false,
    "suppressShowKeyBindingsNotice": true
  },
  "workbench.colorTheme": "Oceanic Next",
  "editor.tabSize": 2,
  "editor.renderWhitespace": "all",
  "eslint.autoFixOnSave": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.formatOnPaste": true,
  "prettier.singleQuote": true,
  "editor.formatOnSave": true,
  "workbench.colorCustomizations": {
    "tab.activeBorder": "#00E5E5",
    "list.inactiveSelectionForeground": "#00E5E5",
    "list.activeSelectionBackground": "#00a6a9"
  },
  "vscode_custom_css.imports": [
    "file:///Users/tony/.vscode/style.css"
  ],
  "workbench.iconTheme": "eq-material-theme-icons",
  "workbench.startupEditor": "newUntitledFile",
}

You can personalize your .css file to suit your needs. I like the italics of the Operator Mono font and the ligatures of Fira Code.