I’m in way over my level of understanding of Sublime innards, but I can see in my JS Custom - React syntax file:
jsx-tag-attributes-top:
- meta_scope: meta.tag.js
- match: /
scope: punctuation.definition.tag.begin.js
set:
- - meta_scope: invalid.illegal.unmatched-tag.js
- include: immediately-pop
- jsx-expect-tag-end
- jsx-tag-name
- match: (?=\S)
set:
- jsx-tag-attributes
- jsx-tag-name
and in my Monokai Phoenix color theme:
<dict>
<key>name</key>
<string>invalid.illegal</string>
<key>scope</key>
<string>invalid.illegal</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#562D56BF</string>
<key>foreground</key>
<string>#FD5FF1FF</string>
</dict>
</dict>
But it’s not picking up that scope in the schema (thanks Color Scheme Editor).
I’m pretty sure I’d found an article describing how to do this some time last fall, but alas cannot find it now.