Syntax highlighting for Sass in Dreamweaver

I’ve just started using Sass to code CSS. I really like it because it has greatly boosted my ego as a programmer, “I can put programming logic inside my CSS!” And of course, it makes it much easier to manage a complicated CSS. However, I can’t edit scss files with Dreamweaver and I miss seeing the colorful syntax. After searching for a while, I found the solution.


It’s quite easy. All you need to do is to find this file Dreamweaver CS?/Configuration/DocumentTypes/MMDocumentTypes.xml and change this line macfileextension=”css” to this macfileextension=”css,scss”.

4 responses

  1. Thank you for the tip BUT the file Dreamweaver CS?/Configuration/DocumentTypes/MMDocumentTypes.xml is present TWICE in OSX, and you need to display hidden files, and edit the good one in /USER/library/application support/adobe/dreamweaverXXX/fr_FR (or us_US or else)/Configuration/DocumentTypes/MMDocumentTypes.xml

    Enjoy !

Leave a Reply

Your email address will not be published. Required fields are marked *

For spam filtering purposes, please copy the number 2465 to the field below: