Dark Theme inspired by the simple beautiful design of Hyper Term and Dark++ Italic font ligatures.
Use Custom CSS and JS Loader and a font with programming ligature support. Nerd Fonts has a collection of fonts that have been patched with ligatures they also provide a script which can patch any font.
Dank Mono patched with Nerd Fonts + Operator Mono set with Custom CSS and JS Loader is used in the example below.
![]() |
---|
![]() |
In VScode press ctrl(⌘) + p
to launch the command palette then run command:
ext install rubyjasmin.hyperterm-theme
Then press ctrl(⌘) + k, then press ctrl(⌘) + t
, you will see a theme selection interface. Choose 'Hyper Term Theme'.
-
Install Custom CSS and JS Loader
-
Choose a patched font from Nerd Fonts or use the Font Patcher to patch any font of your choosing.
-
In VScode press
ctrl(⌘) + ,
to openUser Settings
then add the following options and save changes.{ ... "editor.fontFamily": "DankMono Nerd Font, FuraCode Nerd Font Mono", "editor.fontLigatures": true, ... }
-
(optional step) Add the following to the css file you created for Custom CSS and JS Loader:
.mtki { font-family: Operator Mono; font-size: 1em; font-stretch: ultra-condensed; } .sidebar { border-top: 1px solid rgb(37, 37, 38); }
-
Reload Custom CSS and JS Loader.
See changelog.md
- @idbartosz for Dark++ Italic "Enhanced VScode Dark+ theme"
- @ryanoasis for Nerd Fonts "Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts"
- And of course Hyper Term!