ZIR NIHIL

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):

VSC Settings:

Python:

Java Script:

Java Script (module):

Java Script Typescript:

Java Script (object):

Java Script React:

Java Script Vue (template):

Java Script Vue (script):

C:

C#:

CSS:

CSS (animation):

Go:

HTML:

Java:

PHP:

Ruby:

Rust:

Swift:

XML:

Dockerfile:

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,

2. 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

3. 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,

5. 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!