CSS in VS-Code: why is the property "cursor" highlighted in yellow while all other correctly-spelled properties are highlighted in blue?

Question

I was wondering, when writing CSS in VS-Code: why is the property "cursor" highlighted in yellow, while all other properties are highlighted in blue?

I appreciate any insight.

Thank you!

Answer 1

Yes, that is a bad bug. If you check cursor scope it shows that it is a tag, specifically entity.name.tag.css! I bet that same yellow is used for your real tags.

You can work around it with this in your settings:

"editor.tokenColorCustomizations": {

     "textMateRules": [
       {
         "scope": "meta.property-list.scss entity.name.tag.css",
         "settings": {
           "foreground": "#f3873f",   // set to whatever color your tags are
                                      // which the same "Tokens and Scopes" Inspector
                                      // in the command palette will show you
         }
       },
     ]
},

You should file the bug with vscode issues.