Hivacruz Theme for VSCode

October 14, 2024 · View on GitHub

A dark blue theme for Visual Studio Code, available on the Extensions Marketplace.

Status

The theme is a work in progress and might change a lot in the upcoming weeks.

Installation

  1. Open the Extensions sidebar in VS Code with View → Extensions
  2. Search for Hivacruz, choose "Hivacruz Theme" by Yann Defretin
  3. Click Install to install it
  4. Click Reload to reload your editor
  5. Navigate to File → Preferences → Color Theme → Hivacruz
  6. Yay! You're all set 🎉🎉.

Preferences shown in the preview

Here are the settings used in the preview screenshot posted above:

Font

The font used and recommended for this theme is Roboto Mono by Christian Robertson. We recommend to use the "Powerline" version to have a better experience while using the integrated Terminal – in case you're using zsh for example. But the simple "Roboto Mono" font is fine too, just don't forget to change your settings according to the version you use.

On macOS, you can install the fonts with Homebrew like this:

brew tap homebrew/cask-fonts
brew cask install font-robotomono-nerd-font 
brew cask install font-roboto-mono-for-powerline # better roboto mono for terminal

VSCode Settings

At the moment, I use these settings:

{
  "editor.formatOnSave": true,
  "window.nativeTabs": false,
  "window.zoomLevel": 0,
  "editor.fontFamily": "RobotoMono Nerd Font",
  "terminal.integrated.fontFamily": "Roboto Mono for Powerline",
  "window.titleBarStyle": "custom",
  "workbench.iconTheme": "vscode-great-icons",
  "workbench.colorTheme": "Hivacruz",
  "editor.renderLineHighlight": "all",
  "editor.fontWeight": 500
}

File Icons Theme

As seen in the json file above, I use the simple VSCode Great Icons theme for the sidebar icons. But any File Icons Theme should do the job and fit with the theme.

Syntax Highlighting

Here are some examples of the color scheme for different languages:

Preferences Panel

PHP

Ruby

Python

CSS

JS

HTML

Markdown

Dockerfile

Yaml

Contribution

Since I have only macOS at my disposal right now to test, the theme might look weird on Windows/Linux and still need improvements.

For that matter, Issues and Pull Requests are very welcome!

Same theme in other apps

I made similar themes with the same colours for different applications. Here there are:

Credits