CSS Code Coloring for @media directives

[Marco Conti]

I am finally leaving Dreamweaver behind for good after their latest set of “improvements”. I have always used both DW and Notepad++ to edit my CSS files, but because of the work I do I always liked the way DW color coded the @media directives. Since there is no color in this forum (that I can see, I’ll use Bold to indicate a generic color.

Here is an example of an @media directive:

@media only screen (min-device-width : 320px) {
#web_logo img {width: 70%;}
}

Dreamweaver used to use a Dark Brown to indicate the entire @media, including the closing tag, like this:

@media only screen (min-device-width : 320px) {
#web_logo img {width: 70%;}
}

I really liked that feature, but it is gone in DW and I have been unable to replicate it in notepad++.

Is there a way for me to customize the color the way I have shown here?

Thank you.