CSS Code Coloring for @media directives



  • 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.


Log in to reply