How to get SCSS and LESS files to open in Dreamweaver

20 March 2012

Dreamweaver doesn't recognize .SCSS (sass) and .LESS files and if you get it to open the file it doesn't highlight the code. Syntax highlighting is very desirable when working in stylesheets. You can enable this in a few easy steps.

This goes for windows, and doing the same steps on a Mac shouldn't be that hard. Only the paths to the files are different, the idea is the same.

1. Close Dreamweaver

2. Open notepad as adiminstrator and open the file "MMDocumentTypes.xml" in this directory:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration\DocumentTypes

3. Find this line:
<documenttype id="CSS" internaltype="Text" winfileextension="css" macfileextension="css" file="Default.css" writebyteordermark="false" mimetype="text/css">

4. Change this line to:
<documenttype id="CSS" internaltype="Text" winfileextension="css,less,scss" macfileextension="css,less,scss" file="Default.css" writebyteordermark="false" mimetype="text/css">

5. Save the file.

6. Open another file in notepad as administrator. The file is named "Extensions.txt" and is one directory up, in:
C:\Program Files (x86)\Adobe\Adobe Dreamweaver CS5\configuration

7. Find this line:
CSS:Style Sheets

8. Change it to:
CSS,SCSS,LESS:Style Sheets

9. Save the file and open another file with the same name "Extensions.txt" at this location, where [username] is your windows username:
C:\Users[USERNAME]AppDataRoamingAdobeDreamweaver CS5en_USConfiguration

10. Repeat step 7 and 8 and save the file.

11. Open dreamweaver and it should all work fine now.
You must have JavaScript enabled to use this form!

Leave a comment!

  1. Your mail is safe with me. It's only only used to display your Gravatar image!

48 comments

Previous Page 1 of 5 Next
  1. Gravatar

    Pete C

    16 February 2017

    Thanks! It even worked in Dreamweaver CS4! Now shows syntax highlighting like in a CSS file.

  2. Gravatar

    dorian camillo

    15 January 2016

    i was trying very hard until i finally found out that minding those little detail fixed it for me:

    *NO, NOT WORKING*
    <documenttype id="CSS" internaltype="Text" winfileextension="css,less,scss" macfileextension="css,less,scss" file="Default.css" writebyteordermark="false" mimetype="text/css">

    *YES, WORKING*
    <documenttype id="CSS" internaltype="Text" winfileextension="css,less,scss" macfileextension="css,less,scss" file="Default.css" writebyteordermark="false" mimetype="text/css" >

    the detail that fixed it for me: the space in the end between " and >
    what a drama!

  3. Gravatar

    Edyta Jordan

    26 August 2015

    Thank you DreamDealer for this tutorial and everyone else that posted helpful comments!!!

  4. Gravatar

    Edyta

    23 August 2015

    Thanks TopCat! it also worked for me with the additional 12&13 steps.

  5. Gravatar

    Abhsihek

    24 April 2015

    Thanks nice article

  6. Gravatar

    Jenny

    09 February 2015

    Please help me with step 9. I cant find it

  7. Gravatar

    Jeyamurugan

    01 October 2014

    Many more thanks, its working fine with
    dreamweaver 5.

  8. Gravatar

    Denis

    23 September 2014

    Many thanks, very efficient tuto. It works with dreamweaver 8.
    Bravo !

  9. Gravatar

    Sarah

    25 July 2014

    I'm on a Mac using CS6 and was able to ignore 9-10, but I had to open the file from the folder where it resides using "Open With," rather than directly from DW. Thank you for the tip!!

  10. Gravatar

    Tariq Ahmed Khan

    20 July 2014

    i did all what u say but still not working in cs6 pls help me

Previous Page 1 of 5 Next