Abyssal Blue 🪼

A Visual Studio Code theme for the those who love the OG Monokai colors for syntax highlighting, and love the deep dark blues of the ocean.

If you wish to make your own VS Code extension or theme, check out the VS Code Extension Documentation.

Abyssal Blue Preview

Installation

1. Install Visual Studio Code
2. Launch Visual Studio Code
3. Choose Extensions from menu
4. Search for abyssal blue
5. Click Install to install it
6. Click Reload to reload the Code
7. From the menu bar click: Code > Preferences > Color Theme > Abyssal Blue

Preferences shown in the preview

The font in the preview image is Monaspace Neon, available here. Editor settings to activate font ligatures:

{
    "editor.fontFamily": "Monaspace Neon, Monaco, 'Courier New', monospace",
    "editor.fontLigatures": true,
}

I'm using Monaco, Courier New, and monospace fonts as fallbacks, but you can use whatever font you like, or omit them. ☺️

Misc

This is my first attempt at creating a vs code theme, so if you find an issue or an out-of-place color, please feel free to file an issue.

If you use the VS Code Babel extension, you may see some inconsistencies in color for JSX, that's not coming from this theme.

This theme is inspired by my favorite theme of all time, Monokai.