@media code coloring in Dreamweaver 2017 - no longer colored

Among the many surprises I found in the new DW (including Live view and Live code being on by default, apparently) I discovered that my carefully edited code coloring in CSS (and possibly in HTML and PHP, but I haven't got that far) has been completely scrambled.

I followed the tutorial on how to change the colors by editing the Theme's main.less.css file, which I guess it's barely sufferable but Ok.

One thing I haven't been able to affect so far is the code coloring of the @media statements.

Old Dreamweaver by default colored @media statements and its closing tag with a dark brown, bold font. Beside that I got used to it, it made my life a lot easier and kept errors down because I really couldn't miss the @media visually. Now that has changed and I haven't been able to find how to affect it in the main.less.css file.

For those that are not aware of how it worked, let's take this example:

@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%;}
}

How do I recreate that effect? I see no mention of @media in the css file and I have no idea of how to add my own.

I read several tutorials but they all focused on changing the color of existing code. If the @media is there (and not only the @media, but the entire line) I have no idea how it is called. Google was no help on the matter.

Thank you for your help.

PS: Why does the window jump around in this forum? It's constantly resizing and bouncing around. Selecting text to edit it or correct a spelling wrror is like playing space invaders with my mouse.