Sublime Text 2: How to get scss and Less files to have color?

Question

I'm using Sublime Text 2 and the css.scss and css.less files are in all white text - the comments, brackets, syntax - everything. If I look at my regular css files, they have color to differentiate all of the above. Has anyone else dealt with this? Is this some bug I'm getting? How could I add my own color or take the same settings from the regular css file and add it to the less and scss one's?

Answer 1

You can set the syntax for any specific extension. Please see this:

http://www.codechewing.com/library/set-default-syntax-highlight-for-different-filetypes-sublime-text/

Open the corresponding file with .scss/.less extension. From the menu at the top, goto View > Syntax > [Optional: Open all with current extension as...] > CSS

Answer 2

1. In SublimeText Preferences > Package Control.

2. Select "Package Control:Install Package".

3. Now type "LESS" in the box. Click on first option which appears.

4. Restart Sublime.

5. Open the LESS file

6. View > Syntax. Select LESS

Same follows for SASS even