XD Theme

Use it if you want ¯\_(ツ)_/¯

Default Flavor:

C++

JavaScript

UI

MixItUp Flavor:

Font

• I currently use a customized version of Iosevka: Here
• You can also use the Original Iosevka free, open source, and customizable
• The screenshots are using Input Mono free, not open source, partially customizable

Display

It is optimized for a Macbook Pro display.

Syntax

I use all of the Better Syntax extensions, and the Theme is optimized for them

• Better C++ Syntax
• Better Dockerfile Syntax
• Better Shell Syntax
• Better Perl Syntax

CSS

I also use custom CSS, which is applied manually. If you want the same CSS, its stored in the styles.css file

Languages

The theme is taylored for

• Javascript + JSX
• Rust
• Vue
• C++
• JSON
• Python
• Ruby
• Shell
• HTML
• C#
• Dockerfile
• CoffeeScript
• Perl
• CSS
• SASS
• YAML
• Markdown
• WASM
• Cython
• Toml

Recommended Settings

{
    "editor.cursorSmoothCaretAnimation" : true,
    "editor.cursorBlinking": "expand",
    "editor.overviewRulerBorder": false,
    "editor.showFoldingControls" :"mouseover",
    "editor.renderWhitespace": "none",
    "editor.fontFamily": "Input Mono, SFMono-UltraLight, SourceCodePro-Light, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontWeight": "200",
    "window.titleBarStyle":"custom",
    "editor.quickSuggestionsDelay": 0,
    // I don't recommend indentRainbow, but if you have it I recommend this:
    "indentRainbow.colors": [
        "rgba(25,59,63,0.4)",
        "rgba(25,44,63,0.4)",
        "rgba(25,25,63,0.4)",
        "rgba(44,25,63,0.4)",
        "rgba(63,25,63,0.4)",
        "rgba(63,25,44,0.4)",
        "rgba(63,44,25,0.4)",
        "rgba(63,63,25,0.4)",
        "rgba(25,63,44,0.4)",
    ],
    "indentRainbow.errorColor": "rgba(128,32,32,0.0)",
}

Caveats

The VS Code setting to "show whitespace" will mess up the underline in python strings

Setup

Everything is detailed in the documentation/setup.md!