Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>zir nihilNew to Visual Studio Code? Get it now.
zir nihil

zir nihil

zir

|
315 installs
| (0) | Free
VSCode Theme (dark)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ZIR NIHIL vscode_logo

Visual Studio Code Theme (dark)

  • Syntax adjusted to give more vivid and warmer colours.
  • Colouring of folder/file tree pane simplified (using css inject extension).

Main Window (Java Script syntax coloring):

main_window

VSC Settings:

settings

Python:

python

Java Script:

js

Java Script (module):

js_module

Java Script Typescript:

js_ts

Java Script (object):

js_object

Java Script React:

js_react

Java Script Vue (template):

js_vue_template

Java Script Vue (script):

js_vue_script

C:

c

C#:

cs

CSS:

css

CSS (animation):

css_animation

Go:

go

HTML:

html

Java:

java

PHP:

php

Ruby:

ruby

Rust:

rust

Swift:

swift

XML:

xml

Dockerfile:

xml


Settings for some extensions used

  1. Icon theme: Material Icon Theme

"material-icon-theme.folders.theme": "classic",
"material-icon-theme.folders.color": "#fdd835",
"material-icon-theme.saturation": 0.75,
"material-icon-theme.opacity": 0.9,

  1. Change looks of scrollbars and folder tree labels (or any other element of VSCode):
  • Install extension: Custom CSS
  • Download file: overrides.css
  • Add the following to VSCode settings.json
ode_custom_css.imports": ["file:///C:/path/to/css-file/overrides.css"],  
"vscode_custom_css.policy": true, 
  • Open VSCode Command Palette and type in Reload Custom CSS and JS(more on how to use your own .css file to change looks of VSCode on Custom CSS extension page)
  • You can alter looks of any VSCode window element with CSS (it is just a fancy website running in Electron/Chrome executable) by adding CSS classes to the overrides.css file like you would for any other website
  1. Alternate indent lines

"indenticator.inner.style": "solid",
"indenticator.style": "solid",
"indenticator.inner.showHighlight": true,
"indenticator.color.dark": "rgb(1, 162, 226)",
"indenticator.inner.color.dark": "#81A1C1",
4. Error Lens

"errorLens.delay": 500,
"errorLens.gutterIconsEnabled": true,

  1. Font: DejaVu Sans Mono - Bront

"editor.fontFamily": "'DejaVu Sans Mono - Bront', Input, Menlo, Monaco, Consolas, 'Courier New', monospace",


Sources

  • UI forked from City Lights
  • Syntax schema forked from Dark Plus Syntax
  • Code syntax samples forked from Dark Plus Syntax

ToDo

  • [ ] Create different colour themes and allow user to switch between palettes
  • [ ] Allow users to assign their own colours to theme elements through VScode [Settings] menu and settings.json
  • [ ] Python Syntax - missing class(?) decorator
  • [ ] Rust Syntax - missing variable decorator
  • [ ] Improve bracket pair highlighting
  • [x] Consider toning down folder tree CSS color

Feedback welcome on Github.

If you can help adding syntax missing for your favourite language (or you can point to a theme that has the syntax working) or have suggestions for colours that are assigned incorrectly - hit the keyboard!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft