Skip to content

jeff-hykin/vsc-material-theme

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

XD Theme

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

Default Flavor:

C++

NormalCpp

JavaScript

NormalLoginCard

UI

Screen Shot 2022-02-06 at 2 07 53 PM

MixItUp Flavor:

MixItUpCpp

MixItUpLoginCard

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

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!

Packages

No packages published

Languages

  • Ruby 40.9%
  • Shell 30.1%
  • Python 10.0%
  • C++ 6.7%
  • C# 6.2%
  • Nix 3.4%
  • Other 2.7%