Espresso Soda

This is a color theme for MS Visual Studio Code editor. Basically the theme is converted from the original Soda syntax theme but contains some reworks & improvements and based on the Light+ (default) theme. Also available Solarized Espresso Soda that based on the default Solarized Light theme.

Screenshots

TSX (React.JS) and SCSS:

HTML and SCSS:

Pug (manually reworked):

'Less' syntax

I recommend install better-less extension together with this theme for properly highlight Less syntax in VSC.

Installation

This theme is available for free in the Visual Studio Code Marketplace.

Activation

a) After install the theme, launch Command Palette

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

b) Type theme and choose Preferences: Color Theme, then select this theme from the list.

Customization

You can customize the colors to your liking, overriding the ones provided by this theme or extending them. More info here.

For example, the code below in the config.json file (Preferences > Settings) will change the sidebar item text color to black and make the CSS tag color dark green:

"workbench.colorCustomizations": {
    "sideBar.foreground": "#000000"
},
"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": ["entity.name.tag.css", "entity.name.tag.less"],
      "settings": {
        "foreground": "#61862F"
      }
    }
  ]
}

The scopes are identified by using Command Palette > Developer: Inspect TM Scopes.

Contribution

Report issues and bugs to the issue tracker.