Dark Horizon installs statistics

<h1 align="center"> <br> <img src="https://github.com/mcagampan/dark-horizon/raw/master/logo2.png" alt="Markdownify" width="100"> <br> Dark Horizon <br> </h1> <p align="center"> <img src="https://badgen.net/badge/release/0.4.2/white" alt="release"> <img src="https://badgen.net/badge/installs/1872/white" alt="installs"> <a href="https://github.com/mcagampan/dark-horizon"> <img src="https://badgen.net/badge/repo/repository/white?icon=github&label"> </a> </p> <br/> <br/>

TypeScript/JavaScript

---

<img alt="ts-preview" src="https://i.imgur.com/RAvXojT.png" style="box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);"/> <br/>

HTML

---

<img alt="html-preview" src="https://i.imgur.com/FrIg67z.png" style="box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);"/> <br/>

SCSS/CSS

---

<img alt="scss-preview" src="https://i.imgur.com/XJqOByq.png" style="box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);"/> <br/> <br/>

Font

• The font that I used here is JetBrains Mono (which supports font ligatures).

Other settings used

{
  "editor.fontFamily": "'JetBrains Mono Light'",
  "editor.fontLigatures": true,
  "editor.letterSpacing": 1.5,
  "editor.lineHeight": 27,
  "editor.fontSize": 12,
  "editor.cursorWidth": 1,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.minimap.enabled": false,
}

Other extensions used

• Bracket Pair Colorizer
• Material Icon Theme
• Prettier - Code formatter