Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Solarized Espresso SodaNew to Visual Studio Code? Get it now.
Solarized Espresso Soda

Solarized Espresso Soda

Daur Gamisonia

|
14,118 installs
| (3) | Free
Converted syntax theme for VSC from the original Soda Theme available for Sublime Text editor
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
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:
Screenshot

SCSS:
Screenshot

HTML:
Screenshot

Pug:
Screenshot

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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft