Code Monkey home page Code Monkey logo

vscode-hivacruz-theme's Introduction

Hivacruz Theme for VSCode

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

vscode-hivacruz-theme's People

Contributors

kinoute avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.