Solarized Espresso Soda

Solarized Espresso Soda is a color theme for Visual Studio Code heavily inspired by the original Espresso syntax theme and built on the foundation of the default Solarized Light theme. Espresso Soda, which is based on the default Light theme, is also available.

Screenshots

React:

SCSS:

HTML:

Pug:

Less syntax highlighting

I recommend installing the better-less extension together with this theme for proper Less CSS syntax highlighting.

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) changes the CSS tag color to dark green:

"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, bugs to the issue tracker.