Configure Espresso 2 to Syntax Highlight Sass Files

Modifying the OS X app Espresso 2 to support syntax highlighting of Sass files is an easy chore. All you need to do is modify the existing CSS plugin to recognize the Sass file extensions ‘sass’ and ‘scss’.

First, find the Espresso 2 plug-in folder, and using the contextual menu (via right-click), choose ‘Show package contents’ for the file CSS.espressoplugin.

Espresso-SASS-01

Next, within that package, open the file Languages.xml using your preferred text editor.

Espresso-SASS-02

Last, within this file, add the two lines below to the <detectors> section.

<extension>scss</extension> <extension>sass</extension>

Espresso-SASS-03

Now re-launch Espresso 2 and you’re good to go!