Dark Theme

Getting started

You can install this awesome theme through the Visual Studio Code Marketplace or OpenVSX Registry.

Available on:

• VS Code Marketplace
• OpenVSX Registry

Installation

Launch Quick Open:

• Linux Ctrl+P
• macOS ⌘P
• Windows Ctrl+P

Paste the following command and press Enter:

ext install sirilmp.dark-theme-sm

And pick your favorite.

Activate theme

Launch Quick Open:

• Linux Ctrl + Shift + P
• macOS ⌘ + Shift + P
• Windows Ctrl + Shift + P

Type theme, choose Preferences: Color Theme, and select one of the Dark Theme variants from the list.

Override theme colors

You can override the Dark Theme UI and schemes colors by adding these theme-specific settings to your configuration. For advanced customization please check the relative section on the VS Code documentation.

Color Scheme override

Basic example

// Overrides colors
"workbench.colorCustomizations": {
    "editor.background": "#D62AD0",
    
},

// Overrides editor syntax colors and font style
"editor.tokenColorCustomizations": {
     "comments": "#78DEC7"
},

Advanced example

"editor.tokenColorCustomizations": {
    
        "textMateRules": [
            {
                "scope": [
                    "punctuation.definition.comment",
                    "comment.block",
                    "comment.line",
                    "comment.block.documentation"
                ],
                "settings": {
                    "foreground": "#FF0000"
                }
            }
        ]
},

Recommended settings for a better experience

{
    // Controls the font family.
    "editor.fontFamily": "Operator Mono",
    // Controls the line height. Use 0 to compute the lineHeight from the fontSize.
    "editor.lineHeight": 24,
    // Enables font ligatures
    "editor.fontLigatures": true,
    // Controls if file decorations should use badges.
    "explorer.decorations.badges": false
}