notepad-plus-plus-scss-syntax-highlighting

by marvinlabs

Add some syntax highlighting with the default CSS settings provided by Notepad++

129 Stars 58 Forks Last release: Not found 10 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

We recently started to use SASS / SCSS to code our stylesheets. We were missing some proper syntax highlighting with the default CSS settings provided by Notepad++. After some research, we found a good base on Wouter Beugelsdijk's techblog but we were still not quite happy with it.

How to use

To enable SCSS syntax highlighting:

  • In Notepad++, pick the
    User Defined Dialog...
    item from the
    Language
    menu.
  • Click on the import button and simply select the XML file located in our ZIP file
  • That's it, all your files with the .scss extension should now be highlighted

To enable autocomplete:

  • go to your Notepad++ folder then to
    /plugins/APIs/
  • duplicate the
    css.xml
    and rename this file to
    SCSS-Light.xml
    or
    SCSS-Dark.xml

Our modifications

version 1.0

  • Highlighting for HTML tags
  • Changed some colors
  • Added syntax coloring for important comments starting with /*! instead of just /*
  • Added syntax coloring for partial css keywords used while using nested properties

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.